Enlazar desde blogger con imagenes (Ayuda Blogger)

Pues hoy el comentario de Sarynha me ha inspirado una sección para el blog, Ayuda Blogger. Una sección en la cual me podréis exponer los problemas que tengáis con vuestros blogs y yo intente solucionarlos en la medida de lo posible. Evidentemente si son muy concretos lo más seguro es que no los pueda resolver así que también me dedicaré a poner mini-tutos sobre tal o cual plug-in y cosas por el estilo.

Además a Sarynha le debía una explicación; que me acuerdo que le contesté un par de mails pero no se porque me olvidé de ello. Así que hoy lo que explicaré es como poner los botones de twitter, facebook, youtube, tuenti o lo que se os ocurra como lo que tengo a la derecha, en la parte de ESTOY EN: .

Para empezar necesitamos las imágenes que vamos a usar para ponerles el enlace. La imagen la podemos hacer nosotros mismos y cambiarle el color y tipo de letra para que ajuste al de nuestro blog. También si queremos que quede más profesional podemos añadir los favicons (esas imágenes pequeñitas que salen al lado del titulo de la pagina) de los sitios. Por ejemplo en el caso de mi blog podríamos usar las siguientes imágenes:

Una vez tenemos las imágenes debemos enlazarlas con el lugar donde queremos que redireccionen una vez las pulsemos. Por ejemplo: enlazaremos la imagen del tuenti con la dirección de nuestro tuenti, la del youtube con nuestro canal, etc. Eso se podría hacer fácilmente en el formulario para crear entradas o directamente podéis copiar el código que os pongo a continuación e ir substituyendo. 

<div class="separator" style="clear: both; text-align: left;"> <a href="[Introduce aquí la dirección donde llevará el enlace]"><img border="0" src="[Introduce aquí la dirección de la imagen]" /></a></div>

Ahora lo único que hay que hacer es ir a la pestaña de Diseño crear un cuadro de HTML/Javascript y copiar ese código tantas veces como enlaces queramos poner. Luego substituimos [Introduce aquí la dirección donde llevará el enlace] y [Introduce aquí la dirección de la imagen] (las comillas no), y ya está.

Espero con esta entrada haber resuelto, si más no, las dudas de Sarynha.