Mudar imagem ao passar o mouse

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.