Crear a hover en HTML + previa del Awards

Hola Bloggeras! ¿Que tal? Bueno 2 cositas.

La primera les dejo un tutorial de A hover, ¿Que es a hover? es cuando tu le pasas el cursor por arriba de una imagen cualquiera y cambia de imagenes, a mi me encanta esto, pues lo encontre en unos de los tantos codigos que tengo en mi pc xD, se los dejo y espero que les sirva!

La segunda, Traigo una previa del Awards :D, para que vean como sera el diseño, etc. Espero que les guste!, comenten sii?? :D Click aqui

A Hover Tutorial

<a href="URL DEL DESTINO DE LA IMAGEN"><img style="width: 150px; height: 150px;" src="URL DE LA PRIMER IMAGEN" onmouseover="this.src='URL DE LA SEGUNDA IMAGEN';" onmouseout="this.src='URL DE LA PRIMER IMAGEN';" with="(136)px" /> </a>

Pues creo que esta bien claro lo que hay que editar :), si tienen dudas comenten!!, les dejo un ejemplo para que vean :)

Miren mi codigo:

</div>
<a href="http://www.clubbloggeras.com/"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnGANfxlZm7N-YvuK4n5SqD3X5bDKQIJsMnUTkcUKuNDVF80ErGAnqVGpQ2m0Rk5unYgEpB1fABmTK_l8NxD913CJ8isayNV-VKk-_WdUyOWe0jFbDWvE6Ji0mVen_JVtX7xH_pTKpsQ/s1600/1.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYlArfnbH89xImC2giNrCiyKUjRq016G0NoDrKwH0Mc1y6_2I4zeYu0YKrDjyXItGu2hyBy4iV0w56eTF2Qc5k1SWyRs37WIH3LznYFye3Zs9A6gSNQ2bXR0Z1zz0rrUpWPsd05YQao8g/s1600/2.png';" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnGANfxlZm7N-YvuK4n5SqD3X5bDKQIJsMnUTkcUKuNDVF80ErGAnqVGpQ2m0Rk5unYgEpB1fABmTK_l8NxD913CJ8isayNV-VKk-_WdUyOWe0jFbDWvE6Ji0mVen_JVtX7xH_pTKpsQ/s1600/1.png" style="height: 150px; width: 150px;" with="(136)px" /> </a>