Blogs: Añadiendo iconos sociales

Si eres usuario de varias redes sociales (Facebook, Twitter, Tuenti, Flickr, YouTube, Delicious, Pinterest...) puedes hacer que los visitantes de tu blog conecten contigo en dichos sitios. Una forma de realizar esta tarea es insertar en tu blog una serie de iconos sociales que actúen como botones de seguimiento.

Tras el salto te explico como hacerlo. ¡¡Vamos allá!!

Puedes crear tus propios iconos sociales con Gimp o Inkscape y también puedes usar iconos sociales ya creados, disponibles en Internet para su descarga gratuita.

Una vez localizado un pack de iconos, descárgalo a tu ordenador. Normalmente, suelen venir comprimidos en un archivo ZIP o similar, así que tendrás que descomprimirlos previamente.

Después, debes subir los iconos a un servicio gratuito de alojamiento en Internet. Por ejemplo a Dropbox. Una vez subidos los iconos a Internet, tendrás que conseguir la URL pública de cada uno.

Ahora, en tu blog, crea un gadget para insertar código HTML (Diseño / Añadir un gadget / HTML/Javascript). Pega el siguiente código para cada icono que quieras añadir:

<a href="URL de la red social" target="_blank" title="Texto"><img src="URL del icono" width=64px; height=64px; /></a>

Sustituye URL de la red social por la dirección web de tu perfil. Por ejemplo: http://www.twitter.com/eltiolavara. Conserva las comillas.

Target="_blank" se usa para que la página de la red social se abra en una nueva pestaña del navegador.

Sustituye "Texto" por el mensaje que quieras que se vea al pasar el cursor del ratón por encima del icono. Por ejemplo, "Follow me on Twitter". Conserva las comillas.

Sustituye "URL del icono" por la dirección web del icono (el enlace público de Dropbox). Conserva las comillas.

Por último, modifica el tamaño del icono a tu gusto. (32, 48, 64, 128, etc).

Si quieres que los iconos estén centrados, coloca al principio de todo el código la etiqueta <center> y, al final del código la etiqueta </center>.

Guarda el gadget y sitúalo en la parte superior de tu blog.