Mudando a imagem ao passar o mouse

09/09/2012
Oi pessoal ,fiquei espantada com o tanto de comentários no último post, obrigada viu? vocês são um amor. Sei que para muitos não é muito mas para mim tem um significado muito grande. Como no título do post , hoje o tutorial é bem facil e útil. Os créditos são todos para o blog Other things... , quer aprender como se faz ? Clique em Leia mais abaixo.

Resultado do efeito

Esse efeito dá para usar quanto na postagem, quanto nos gadgtes. Siga o tutorial de acordo aonde queira colocar o efeito.

Nos Gadgtes

Vá em design >> elementos de página e adicione o gadgte "HTML/JavaScript" e cole o código abaixo. Depois é só hospedar as imagens que quizer em algum site e colocar-lás aonde se pede.

<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />

Na Postagem

Vá em design >> postagem/novapostagem e lá clique em na janela "Editar HTML"
 Depois é só hospedar as imagens que quizer em algum site e colocar-lás aonde se pede.
 <img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />

8 comentários

  1. Nossa amei! Nem sabia! O efeito é muito legal!
    Adorei seu blog viu? *---*
    Seguindo! Passa no meu se gostar segue também!
    COMPLITRATED > CLIQUE NO PERFIL E ACESSE!

    ResponderExcluir
  2. Super legal esse tutu, adorei.
    os tutoriais que você faz são ótimos, adoro ^^
    Beijihos Emilia.

    coffemilia.blogspot.com

    ResponderExcluir
  3. Super massa esse tutô, amei.
    Qualquer dia vou fazer la no PG :)
    Tô seguindo amr, retribui ?
    Beijin ♥

    [se for retribuir, clica no perfil.]

    ResponderExcluir
  4. Adorei esse tuto, vou usar no próximo lay.

    ResponderExcluir
  5. Já tinha visto,achei super bacana...

    girlycute(blogspot.com.br)

    ResponderExcluir
  6. Amei seu blog é perfeto ♥ adoorei o tuto {: vou fazer no meu.Beijos {:
    blog-allthelovers/.blogspot/.com

    ResponderExcluir
  7. Nunca tinha visto esse efeito, mais agora eu vi e amei *u* É lindão, haha'

    Kiss :*
    GatinhoMustache♫BlogsPot♫Com

    ResponderExcluir
  8. Lindo blog,amei e amei o tutorial!
    bangteen.blogspot.com

    ResponderExcluir

Retribuo todos os comentários, menos comentários como Seguindo, segue de volta ? ou parecidos, esses NUNCA serão respondidos!
Fora isso fique a vontade para comentar e volte sempre <3