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.

Blogs: añade un gadget de Twitter

Twitter dispone de varios widgets para ser insertados en blogs y páginas web (cronología de usuario, favoritos, lista y búsqueda). Con ellos, es posible publicar tweets, realizar retweets, marcar como favorito y responder desde el mismo widget.

Tras el salto os explico como configurarlos e insertarlos en nuestro blog.

Los widgets están en el apartado de Configuración de nuestra cuenta (icono con forma de engranaje). Allí encontraremos una nueva pestaña, de nombre Widgets, y un botón de Crear nuevo que debemos pulsar para empezar la creación del widget. 

Esto nos lleva a una página con cuatro pestañas más. Cada una de ellas se corresponde con un tipo diferente de widget. Las opciones de configuración son exactamente las mismas (excepto la primera) para todos los artilugios, e incluyen:

Altura: tamaño de alto del widget en píxeles. Por defecto, 600. El ancho se ajusta de forma automática al espacio que tengamos.

Plantilla: Sólo hay dos diseños para el aspecto de nuestro widget, claro y oscuro. El primero muestra el texto de los tweets en negro sobre un fondo blanco. El segundo muestra el texto de los tweets en blanco sobre un fondo negro.

Abrir automáticamente las fotos: Si queremos que, por defecto, se vean las imágenes publicadas en el widget, marcaremos esta casilla. Si queremos que los visitantes tengan que hacer clic en el enlace "Show Photo" para verlas, la desmarcaremos. Esto puede ser útil para evitar que se vean en nuestro blog fotos comprometidas y para reducir  los tiempos de carga.

Color del enlace: color de los links que muestra el widget. Por defecto, vienen en azul, aunque podemos cambiarlo fácilmente.

Dominios: dirección web donde incrustaremos el widget. Deber ser la dirección exacta, sin el http:// delante. Para los blogs de Blogger, no vale sólo con blogspot.com, sino que hay que poner blogspot.com.es

En función del tipo de widget que vayamos a crear, la primera opción de configuración será distinta:

En el widget de Cronología de usuario, que es el que muestra la actividad (tweets, retweets, menciones...) de un perfil de Twitter determinado, debeemos escribir el nombre del usuario en cuestión sin la arroba delante. Puede ser el tuyo o el de otra persona, siempre que sea una cuenta pública.

En el widget de Favoritos, que es el que muestra los tweets que ha marcado como favorito (con la estrella) un perfil concreto, escribiremos el nombre del usuario cuyos favoritos deseemos visualizar, sin la arroba delante. Pueden ser los nuestros o los de otra persona, si la cuenta es pública.

En el widget de Lista, que es el que muestra los tweets publicados por los miembros de una lista de Twitter, escogeremos la lista a mostrar en el menú desplegable. Puede tratarse de una lista creada por ti o una de las listas a las que estás suscrito. Como siempre, deben ser públicas.

Por último, en el widget Buscar, que es el que muestra los resultados de una búsqueda en Twitter, escribiremos la consulta de búsqueda deseada. Es posible utilizar hashtags y operadores de búsqueda avanzada de este servicio, así como marcar o desmarcar la casilla Modo seguro, que excluirá los tweets considerados ofensivos.

Una vez finalizada la configuración, hacemos clic sobre Crear widget para obtener el código HTML que deberemos copiar y pegar en nuestro blog como siempre. Nos dirigiremos al apartado Diseño de nuestro blog, haremos clic sobre Añadir un gadget, y pegaremos el código dentro del gadget HTML/Javascript. 

Otra vez en la pestaña Widgets del apartado de Configuración de nuestra cuenta de Twitter, podremos ver todos los widgets creados, así como modificar su configuración o suprimirlos.