30/11/2011

Como colocar caixinha de HTML numa imagem

Oi minna! ^^
Vim ensinar como colocar caixinha de HTML numa imagem...

Antes de mais, têm de saber o URL da imagem.
Ex:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvCw4tFL5JqiFYsQO79jxXsJxqQ5vU-vwQPWcRpU26a0JkBsdRsrUuLxeWGH0_tR-_CMCZl_BwTDfoWR2XYCEViuP_YsPU0mjyHl2czt3ekbpYA5-Pt-lA_ZhDu0vRvds_oiTirkAp7tCJ/s1600/tutorial.gif

E têm de saber o URL do blog que pretendem que a imagem "conduza" quando se clica nela.
Ex:
http://bunny-animesespectaculares.blogspot.com/


Depois é só seguir as instruções deste código:


<img vspace="2" hspace="2" src="URL DA IMAGEM"/><br/>
<textarea
cols="15" rows="3" onfocus="this.select()" onmouseover="this.focus()" name="textarea"><a href="URL DO BLOG">
<img border="0" src="URL DA IMAGEM outra vez"/></a></textarea>

Apenas devem mudar o que está a vermelho.
Este será o resultado final:




Bom, espero que vos tenha ajudado...
Agradeço á Mury-chan, que foi ela que me ensinou ^^


18 comentários:

  1. Arigatouu Bunny-chan pelo tutorial ^^
    Sim descobri mas esse tutorial é mais simples ^^

    Arigatou
    Sayonara

    http://diario-anime.blogspot.com

    ResponderExcluir
  2. Hahaha
    Obrigada pelos comments meninas^^
    E de nada^^

    Kissus!

    ResponderExcluir
  3. Que bom que você gostou, Bunny-chan. Esse script foi um dos primeiros que eu aprendi. O tutorial ficou muito bom d(-_^).

    Você está convidado para participar do Natal mais otaku da internê! ☆~(ゝ。∂) Participe: http://pankax-e-pankadax.blogspot.com/2011/11/hai-amigo-secreto.html

    ResponderExcluir
  4. Ah oi ^^
    Sim eu já participei =b
    Obrigada na mesma ^^

    ResponderExcluir
  5. OMG!!!!! Bunny!!!! DOMO ARIGATOU ^-^
    Isto foi mesmo muito útil! DOMO ARIGATOU
    Kissus

    ResponderExcluir
  6. Hahaha XD
    Ainda bem^^
    Ao menos serviu para alguma coisa eu ter postado este meu primeiro tutorial^^
    Fico contente

    Kissus!

    ResponderExcluir
  7. Ah... Arigatou *--*
    Me ajudou bastante >.<

    =*

    ResponderExcluir
  8. Eu fiz exatamente como está ai, mas não está dando o mesmo resultado, está aparecendo o código apenas

    ResponderExcluir
  9. Di nada ^^
    E ainda bem que pude ajudar ^^
    Bom, para o meu primeiro tutorial consegui ajudar muita gente \o/
    Yeey! >.<

    ResponderExcluir
  10. Pera ai... nao está dando?! O.o
    ahh claro, é só o codigo... pk pra fazer o gif mexer tem que ser no photoscape ^^"

    ResponderExcluir
  11. O gif está se mexendo... o problema é que fica em forma de código, que nem está ali em cima [só que com o url da imagem e do meu blog] T.T

    ResponderExcluir
  12. Mas a imagem que eu quero colocar é parecida com a sua [não se mexe - porque para tentar, eu peguei uma imagem do google]

    ResponderExcluir
  13. Agora a pouco eu mandei para onde fica os arquivos do blog... e foi igual o seu, mas na página mesmo eu não consigo T.T

    ResponderExcluir
  14. Pera ai.. deixa ver se eu percebi...
    Aparece-te só o codigo na página?

    Ah tenta copiar e colar o código, nova mensagem e lá em cima no canto superior direito tens uma coisa que diz:
    Editar HTML

    E posta assim...
    oki?
    Depois diz se deu assim...

    ResponderExcluir
  15. \o/ Arigatou!!!
    Agora sim deu certo ^^v

    Desculpa o trabalho T.T

    beijoo

    ResponderExcluir
  16. kkk
    Ainda bem que deu ^^
    Nada nao, nao deu trabalho nenhum eu te ensinar ^^
    Pra isso que eu sirvo kkk
    Sempre que quiseres, pergunta que eu tento ajudar.

    kissus!

    ResponderExcluir
  17. *o* Ârigato Bunny-chan ajudou-me muito *-*

    ResponderExcluir

Se queres comentar:
☾ Nada de palavras indecentes!
☾ Se eu te conhecer, no comentário anónimo podes assinar no fim, por favor?^^
☾ Se quiseres falar comigo no msn podes adicionar:
bunnytsukino5@hotmail.com
☾ Diverte-te e comenta sempre que quiseres!

©