Image Map

Imagem que muda ao clicar

Tumblr_li6bkk6g6l1qdwdzao1_500_large_large
Alguém quer?
Oi framboesas, como vão?
 Hoje trago um tutorial para vocês. Eu queria fazer um teste, mas eu preferi ensinar para vocês como eu faço meus testes de clicar nas imagens! 
Antes, no post passado eu falei para colocarem 'arroz' no meio dos comentários para eu saber que leu... Foram 23 comentários:
Quem leu: 11
Quem não leu: 12
Para variar, o número de quem não leu é sempre maior. Não façam isso com outros blogs, é o que eu peço. Não faça com os outros para que eles não façam com você!
Vamos ao tutorial? Lembrando que os créditos vão ao Trechy Teen.
É muito simples!
O tutorial ensina a fazer isso:
(Clique na imagem) 
 
Ok, vamos lá? 


1. Se você quiser colocar uma imagem que muda quando clica nela na postagem, é só:
Clique para ampliar
*Clicar em HTML> colar o seguinte código:
<img border="0" onclick="this.src='URL SEGUNDA IMAGEM'" src="ULR PRIMEIRA IMAGEM" />
E depois clicar em escrever para terminar sua postagem! 


2. Se você quiser na sua sidebar é só:
 *Adicionar gadget > HMTL/JavaScript > colar o código:
<img border="0" onclick="this.src='URL SEGUNDA IMAGEM'" src="ULR PRIMEIRA IMAGEM" />


URL DA PRIMEIRA IMAGEM: A imagem que vai aparecer normal
URL DA SEGUNDA IMAGEM: A imagem que vai aparecer quando clicar 


Fácil, né? 
E aí, o que acharam?
Comentem!
Beijos...

24 comentários:

  1. Ameei muito leegal s2 Beijos de verdade s2

    Gabi.

    opedecoelho.blogspot.com

    ResponderExcluir
  2. Caramba que tuto legal!!
    encantosdeumaadolescente.blogspot.com

    ResponderExcluir
  3. Adorei o tutorial! Achei até divertido ficar passando o mouse em cima da imagem pra ela ficar mudando HAHAHAHA
    Beijos!
    Xiricutico.blogspot.com

    ResponderExcluir
  4. Caraca, adoorei!
    ótimo tuto!!!
    Beijos
    Diário Ciumento

    ResponderExcluir
  5. AMEI ACHO QUE VOU USAR EM ALGUM POST,OBRIGADA POR DEIXAR EU USAR A TÉCNICA :3
    ~~merda esqueci a caps lock ¬¬¬,desculpa u.u
    ventos-deoutono.blogspot.com.br

    ResponderExcluir
  6. Dica tudo de bom, lindooooooooooo :)
    http://super-feminina02.blogspot.com.br/

    ResponderExcluir
  7. Oi,tudo bom? Nossa,que blog lindo >< adorei mesmo,aqui é muito organizado e esse designe é muito lindo,que talento para ser blogueira que você tem,continue sempre assim! Eu amei muito seu cantinho,flor eu já seguia aqui é que fiz um novo blog e adoraria que você retribuísse: clubedetres.blogspot.com
    Beijão!

    ResponderExcluir
  8. Oi, tudo bem?
    Vocês conhecem o LooknBe Brasil? O LooknBe é a primeira rede social dedicada a moda e a beleza. O LooknBe está presente na França (com mais de 60 000 usuários), Itália, Espanha, Rússia, UK e Canadá. No site você pode fazer um perfil, adicionar amigos, e pedir conselhos sobre moda. Por exemplo, se está indecisa em comprar uma roupa é só postar uma foto e pedir opinião para os membros do site. Ou perguntar onde achar determinada peça, entre outras ferramentas.
    O motivo do contato é um convite para participar do LooknBe Brasil. É para postar fotos dos seus looks na seção “Livro Look”, os membros do LooknBe Brasil votam nas suas produções. Poste uma foto e saiba o que eles acham do seu look! Divulgue para os seguidores do seu blog e seus leitores, assim você vai obter votos e poderá ter o look “Mais votado” da seção. Participe!
    Se quiser pode fazer perguntas sobre esmaltes, sapatos, bolsas, maquiagem, tudo relacionado a moda e beleza na seção "Questões".
    Podemos contar com a participação de vcs???
    Att,
    ----
    Equipe LooknBe Brasil. (rachel@looknbe.com)

    http://www.looknbe.com/pt_BR/

    ResponderExcluir
  9. Gostei mas já conhecia ^~
    s2hay.blogspot.com

    ResponderExcluir
  10. Estou realmente triste por esta realidade da blogosfera, é incrível, como na maioria dos casos não conseguimos comentários verdadeiros!!! Mas voltando ao assunto do post, amo esse tutorial,mas até hoje não tive vontade de aplica-lo no Acesso Permitido, somente quando penso em fazer um tipo de quiz como a Candy Faz, parabéns!!!!

    Biblioteca ao ar livre.
    Acesso Permitido.
    O Primeiro e o derradeiro.
    Projeto Discipulando.

    ResponderExcluir
  11. Muito fácil, favoritei o tutorial e é bem legal pra testes, vc n precisa sair da página. Poi sé, tá triste essa blogosfera, ninguem lê o post, só querem retribuição, seguidores D:
    Beijoooos *-* volte sempre ao ↓
    http://garotadoolharsincero.blogspot.com

    ResponderExcluir
  12. Oi Florzinha! Que bom que gostou do meu blog, brigada pela visita. Seu blog é um amor! Aceita parceria? :D
    Ah, o gadget de info eu aprendi no blo Candylland da Gizaa (www.candylland.net)
    Procura lá, se não achar me fala que te dou o link!
    Beijinhos, Vickie♥
    -->www.chicletevioleta.blogspot.com.br

    ResponderExcluir
  13. Oi linda!
    Amei seu blog, mto lindo. s2
    E adorei este post e concordo com vc, as vezes é mto chato quando postamos algo, e as pessoas comentam coisas nada a ver com o post...conclusão, não leram... :(
    Adorei o tutorial de vc ensinando como fazer mudar as imagens quando passamos o mouse, mto legal! :D
    Ahn, obrigada por me seguir, tbm estou te seguindo! s2
    Tenha uma linda tarde.
    Mil Beijinhos. ♥
    #Adorei a música do blog. s2

    ResponderExcluir
  14. que legal esse tutorial, é fácil, e fica bonito no blog.
    Acho tão chato quem não le os posts, 90% dos comentários que recebo são assim.
    Beeijos :*
    http://pepperlipstick.blogspot.com.br

    ResponderExcluir
  15. oin! adorei esse tuts! ^^
    genteeee vou pedir pra comentar arroz nos meus posts tb!! kkkkkkkk tenho certeza que muita gente não lê, tanto que às vezes comentam coisas que eu escrevi no post... ): #chatiada
    beijuuu gataaann

    ResponderExcluir
  16. Nossa que legal o tuto.. não sabia disso -.-
    uhaushauhasuh'
    Sweet Wordeland
    Somente PhotoScape

    ResponderExcluir
  17. Adorei o tuto... Você não ia nos mostrar a imagem do seu caderno ? haha :3
    Beijos ♥ http://justxpony.blogspot.com.br

    ResponderExcluir
  18. Oi, amor ! Sabia que se eu tivesse comentado no outro a tempo estaria empatado o número de quem falou arroz e quem não falou? Ta aí um a notícia boa :) Eu não comentei porque ontem eu não tive tempo de ver o Batom de Framboesa, mas agora já está lá meu comentário ! E você não colocou nesse post nenhuma palavrinha "mágica" (kk) né? Adorei as dicas ! Quando precisar vou fazer esse "processo" . Beijo!!

    ResponderExcluir
  19. Vou fazer esse efeito um dia no meu blog, lindo!

    Beijos♥

    ResponderExcluir
  20. Muito legal esse efeito, mas ia acabar esquecendo de faze-lo xD
    Quanto ao outro post, falei aquilo como uma critica positiva, como comentário mesmo, desculpe se pareceu ofensa, realmente não era essa a intenção =S
    Beijos!

    ResponderExcluir
  21. muito boa sua dica
    beeijao

    ResponderExcluir
  22. Oii floôr ótimo tuto! Tõ pensando em usar no meu blog junto com o marquee pra fazer um menu no rodapé de afiliados, mas sei lá rs. Olha obrigada pela visita , eu amo Paris antes de ser modinha hahaha, me levaa na malaa please rsrsrs XD Ain meu sonho Paris, quando você for por favor me conta tudo e curta por mim! *-* tira bastanteee foto =)
    Realmente as palavras tem poder eu creio nisso, e uso elas pra sempre me superar. 1 milhão de beijos e muito arroz com biscoito XD http://aconteceudepoisdos14.blogspot.com.br

    ResponderExcluir
  23. Vou usar no
    dojodoguthem.blogspot.com

    Mas vou incrementar o html, para que CONTINUE indo pra próxima imagem, e mostrar uma historia em quadrinhos.

    ResponderExcluir

Obrigada por comentar! Consulte a FAQ.

Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...