Efecto Simple De Mouseover Para Imagenes De Blog

En este Tutorial te ensenare como anadir efecto cuando pones el cursor sobre una imagen esta cambia a otra imagen luego regresa a la original.Solo anadiendo un codigo a la imagen de tu blog.
Sigue los siguientes pasos y lograras este efecto especial sobre tu imagen que escojas.

Simple Codigo para Efecto de Mouseover para  Imagenes de Tu Blog

Codigo

<img alt="Image01" onmouseout="this.src='imagen 1'" onmouseover="this.src='imagen 2'" src="Imagen 2" />

Nota: Reemplace imagen 1, Imagen 2 con la URL de tu imagen


Mira el siguiente ejemplo:

<img alt="Image01" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfb3xDyG32eIhixomtbhi2yRnJ-ZYFAT6E62DTvsFxdyiDBrfPblpIykh65eBEjwSge18XS6oj4ecf_-gqneyG7U-II81pB-kI1c3QAQd63eqNq2wHUnZZBlCejs1nfXH-sb7UulFH7cw/'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiikryIBPmlQxsEYkZa2o54mJmsdyF2HmrAVINPVzqj6SLVzvJ3iTnumxgBlvG_S8SGu5CgPzIJ4SPHw3fuX1QAGRz-dVhYRiKUFeFAjIEhdhisy0FFS66Rks7PpYnyDIQATO0CSbK7Ts4/'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfb3xDyG32eIhixomtbhi2yRnJ-ZYFAT6E62DTvsFxdyiDBrfPblpIykh65eBEjwSge18XS6oj4ecf_-gqneyG7U-II81pB-kI1c3QAQd63eqNq2wHUnZZBlCejs1nfXH-sb7UulFH7cw/" />

Listo a Disfrutar

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati