Criar um Efeito de Imagem Rollover ( Mudança de Imagem Ao Passar o Mouse)

Nesta postagem compartilho com vocês este "efeito" para colocar em uma imagem que você queira. 

Veja uma demonstração: ( passe o mouse sobre a imagem ).

Para colocar onde você quiser em seu blog, basta pegar o código

<a href="LINK DA IMAGEM"><img src="URL DA PRIMEIRA IMAGEM VAI AQUI" onmouseover="this.src='URL DA SEGUNDA IMAGEM VAI AQUI'" onmouseout="this.src='REPETIR URL DA PRIMEIRA IMAGEM AQUI'" /></a>

Você pode Adicionar um Gadget ou até mesmo colocar em uma postagem. Fica a seu critério.

O que você achou do código. Deixe seu cometário!!!