Efecto en un abrir y cerrar de ojos

Si pasas el cursor por encima de la imagen podrás observar este efecto: además puedes colocar un enlace que te lleve a otro lugar: (click encima de la imagen)

Aqui el paso a paso:


1. Tener 2 imágenes (ese es mi caso)

2. Obtener la Url de tus imágenes:
En mi caso:
Imagen 1: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZd5gTrClRTqvuYbJdMdy97Zjj5WEzuSml0FUm1YLvLoSs56bHDdhfZPCEfSgUznVA9N8ttxIaVtgqZyDPDcjjtUjkTRWhxCADlAXFLooXX0EPGeb31LFI3aXYZKEvxmUhqQ5w7a_-UU20/s320/teespero1.jpg
Imagen2:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5fTHXwZzP1-DMbmCvwf_2xMH21yovbOxB3XEO2q7yZ73bvwLYScMwUic28Cif_BDWjllpYyuN7Va3WaqdDqrGJsGPsP36SaGWVU46xNvKRitbwoSDDJGzPxyTZ1oF0UY92_h1qa-J4BlF/s320/teespero2.jpg

¿Como obtener la Url de tus imágenes? click aqui



3.Agregar un gadget HTML

 

4.Pegar este código

<a href="http://miztutoz.blogspot.com/" onmouseout="RSS.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZd5gTrClRTqvuYbJdMdy97Zjj5WEzuSml0FUm1YLvLoSs56bHDdhfZPCEfSgUznVA9N8ttxIaVtgqZyDPDcjjtUjkTRWhxCADlAXFLooXX0EPGeb31LFI3aXYZKEvxmUhqQ5w7a_-UU20/s320/teespero1.jpg'" onmouseover="RSS.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5fTHXwZzP1-DMbmCvwf_2xMH21yovbOxB3XEO2q7yZ73bvwLYScMwUic28Cif_BDWjllpYyuN7Va3WaqdDqrGJsGPsP36SaGWVU46xNvKRitbwoSDDJGzPxyTZ1oF0UY92_h1qa-J4BlF/s320/teespero2.jpg'
">
<img border="0" name="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZd5gTrClRTqvuYbJdMdy97Zjj5WEzuSml0FUm1YLvLoSs56bHDdhfZPCEfSgUznVA9N8ttxIaVtgqZyDPDcjjtUjkTRWhxCADlAXFLooXX0EPGeb31LFI3aXYZKEvxmUhqQ5w7a_-UU20/s320/teespero1.jpg" /></a>

5. Estos son los Url  que yo he usado, tú tienes que cambiarlos por los tuyos:

La Url en rojo, es el enlace que te llevara a otra página

La Url  en azul,(la imagen1),es fija.

La Url en fucsia(la imagen 2), aparecerá cuando el cursor pase por encima.