[Tutorial]Como hacer que una Imagen cambie al pasar el cursor

Holaparece que vuestras reacciones con la entrada anterior fueron buenísimas  me alegra muchísimo que os haya gustado bien pues ya me dejo de royos y lo que os traigo un tutorial de como hacer que las imágenes cambien al pasar el cursor es un efecto muy divertido para tus entradas 

1. Abrir una entrada o un gadget y colocar este codigo

<a  onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"  href="Url del enlace"><img style="display: block;" src="url de la primera imagen" onmouseover="this.src=''url de la segunda imagen"  onmouseout="this.src=''url de la primera imagen" /></a>

Editemos<3 

Verde:La url del enlace si es que queréis que la imagen lleve a algún enlace

Azul:Son las urls de la imagen que estará en el empieze es decir que sera la primera imagen tenéis que poner en las dos la misma imagen

Azul Oscuro: es la url de la segunda imagen a la la que cambiara al pasar el cursor

creditos {x}