Imagem que muda ao passar o mouse

Oi amorecos, hoje eu vou ensinar como mudar a imagem quando passar o mouse em cima dela, mesmo sem link nenhum... Mas com link também funciona, vamos lá:

Passo 1 - Vá em elementos da página e adicione um novo gadget de html / java script e cole dentro dele o código a seguir:

<a href="#">
<img src="URL DA PRIMEIRA IMAGEM" onmouseout="this.src=&#39;URL DA PRIMEIRA IMAGEM&#39;;" onmouseover="this.src=&#39;URL DA SEGUNDA IMAGEM&#39;;" />
</a>

Azul - É o link da imagem, se não quiser colocar link basta tirar a primeira e última linha do código
Lilás - Nos dois links em lilás vocês vão colocar a imagem inicial, que aparece sem passar o mouse por cima
Vinho - Em vinho é a imagem que aparecera quando passar o mouse por cima

Gente, acredita que é só isso? kkk Muito fácil né? Mais tarde talvez tenha uma novidade, ou amanhã mesmo ok? Beijinhos e até o próximo post...