{Tutorial} Cambiar una imagen por otra al pasar el cursor

Tuto de imagen que cambia

Hola la el día de hoy decidí hacerme de un tuto ya que es algo que no he echo en el blog la verdad mi blog esta algo desordenado pero ya estoy preparando la nueva imagen y ordenando las entradas pero eso es de otro tema buen0 al punto el tuto que traigo es muy fácil solo tienes que seguirlo paso a pasito oka.


Es my facil la cosa solo sigue los pasos y listos Observa con cuidado y hazlo:

El truco es así y es muy fácil porque no lo intentas es muy fácil.

Lo utilizas en entradas en HTLM

o en Gadget en un código HTLM/Javascript 

<img src="URL PRIMERA IMG" onmouseover="this.src='URL SEGUNDA IMG';" onmouseout="this.src='URL PRIMERA IMG';"/>

Ahora solo remplaza lo de color  Azul por la imagen que se vera sin efecto, y remplaza lo de color Purpura por la imagen que se mostrara cuando de pase el cursor por encima.

Ten en cuenta que si lo haces en una entrada como yo tendrás que hacerlo en HTML y no en redactar que es lo mas común verdad que es fácil y puedes hacer muchas cosas con este efecto es ta muy lindo espero que les guste yo lo usare en mi próxima imagen de mi blog espero que les guste me estoy esforzando sin mas solo lees dejo un adiós dejen el comentario siganme y también afilien me bye a todos los que leen esto.