Con este simple truco aprenderás a construir tu propio botón con rollover. Un botón rollover es una imagen que, al pasar el cursor por encima, cambia a otra imagen.
Para aplicarlo en el blog, solo necesitas este código:
<a href="DIRECCION DEL BLOG O WEB"><img src="IMAGEN 1" onmouseover="this.src='IMAGEN 2'" onmouseout="this.src='IMAGEN 1'" alt="TITULO DEL ENLACE"></a>que puedes poner en una entrada o en un gadget de html-javascript en la parte de diseño de tu blog.
Ahora simplemente debes rellenar los datos, en DIRECCION DEL BLOG O WEB pones la URL de tu blog o web, por ejemplo: http://google.es/
También debes poner las direcciones de tus imágenes, la imagen número 1 es la que aparecerá sin pasar el cursor (en el caso de la flor, la imagen 1 es la flor rosa) y la imagen 2 es la que se ve cuándo pasamos el cursor por encima (en el caso de la flor, la imagen 2 es la flor azul).
Por último pónle un título a tu enlace, por ejemplo: Google
¡Eso es todo! :-)
¿Problemas al comentar? Utiliza 
gracias =D staba buskando algo como esto para hacerle botones a los enlaces del contenido del blog q tengo en la sidebar n_n y eso me lo facilita xD muchas gracias
Necros, me alegra que te sirviese de ayuda el botón :-D además se pueden hacer muchos diseños! :-)
Hola Jaime. Me resultan de gran ayuda todas estas explicaciones sobre las herramientas y los trucos blogger. Hace tiempo que estoy buscando esta información para mejorar mi blog.
Gracias
Hola Marisol Buendía. Gracias a ti por comentar. Me alegra mucho que hayas conseguido la información que deseabas.