CSS Rollover. Cambiar la imagen al pasar el cursor blogger

Hoy vamos a mostraros como podemos hacer que nuestra imagen cambie por otra al pasar el cursor por encima.
Solo tenemos que insertar esta código Html en una entrada o en un elemento HTMl/Javascript.

<img src="URL de la imagen UNO" onmouseover="this.src='URL de la imagen DOS';" onmouseout="this.src='URL de la imagen UNO';"/>

Cambia lo que está en rojo por la URL de la imagen que tendrás inicialmente, y lo que está en verde por la URL de la imagen que cambiará al pasar el mouse