Efeito Mouseover Blogger com 2 imagens

Este efeito Mouseover que você irá aprender a fazer agora funciona desta maneira: Ao passar com o mouse sobre uma determinada imagem aparecerá outra no lugar, você pode compreender melhor no exemplo abaixo do código.

CÓDIGO:

<a href="URL-DO-LINK"><img src="URL-DA-IMAGEM-1" border="0" onmouseover="this.src='URL-DA-IMAGEM-2'" onmouseout="this.src='URL-DA-IMAGEM-1'"></a>

URL DO LINK: O Link que será acessado ao clicar sobre a imagem.

URL DA IMAGEM 1: Sera a imagem que ficara exposta sem o mouse sobre ela.

URL DA IMAGEM 2: Sera a imagem que aparecerá ao passar com o mouse sobre a imagem 1.

Ps: A URL da imagem deve conter o protocolo HTTP, exemplo: http://imagem1.com/

EXEMPLO:

Fonte: fsmdesign.blogspot.com