Para conseguir este efecto, solo debemos copiar lo siguiente en HTML, y modificar los campos necesarios:

<style>
a#cambio{
width:338px; /*Ancho de la Imagen*/
height:445px; /*Altura de la Imagen*/
}
a#cambio:link{
display:block;
background-image: url("RUTADELAIMAGEN1");
}
a#cambio:visited{
display:block;
background-image: url("RUTADELAIMAGEN1");
}
a#cambio:hover{
background-image: url("RUTADELAIMAGEN2");
}
</style>

<a href="http://www.blogger.com/LINKDESEADO" id="cambio"></a>
Donde #cambio, es el ID del enlace, muy importante, solo poner un id para un botón, ya que si no se hace así, puede confundirse y modificar partes de tu web.

Otros Ejemplos: