Mudar imagem ao passar o mouse

|
Tumblr_lwbgga0d5l1qk8hz9o1_500_large
Vou ensinar para vocês hoje, o código que eu achei mais simples e funcional para quando você quiser, fazer aquele efeito da imagem mudar quando encostar o mouse.
 Eu tinha tentado fazer este efeito com outro código, e não sei por qual motivo não deu certo. Por isso, se você já tentou fazer este efeito com outro tutorial e não deu certo, pode dar certo com esse aqui 
1- Vá em Design, Elementos de Página e adicione um Gadget (HTML/JavaScript) e cole o seguinte código:
<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />
2- Escolha as imagens que você irá utilizar, e as hospede em algum site. Recomendo o TinyPic. Depois, substitua de acordo com o primeiro código.
Dúvidas? Pergunte por comentário! Espero ter ajudado.
Observação: Não entendeu que efeito é esse?avá Encoste o mouse na imagem ao lado.
Espero que vocês tenham gostado, se usar creditem. Beijão. 

8 comentários:

Nathália disse...

Amei !!!! tava precisando desse tuto , valeu mesmo .

Josi Machado disse...

OMG, acheeeeeeei o que eu queria, por isso amo demais esse blog maravilhoso e divo :B
Vou tentar fazer, muito bom o tutorial, parabéns...
Ah seguindo! *-*
tudo-para-gaarotas.blogspot.com

NOVIDADE disse...

vou testar

@Scarlett_Lopees disse...

no meu a image fica se duplicando D:
nhawn.blogspot.com.br

@Scarlett_Lopees disse...

AHSAHSAHSAUH' meeeldeus tinha feito algo totalmente nada a ver. :B
ta certinho agr, mt obrigada :D

Caroliina Pereira disse...

Coloque no meu blog rebloguei nossa seu blog é d++ sem não vivo rs

Beatriz Marques disse...

adorei!

stonesweetlove.blogspot.com

Andrei Macedo disse...

obrigado!