Todo acerca de Twitter

En varios blogs es posible ver el estado de Twitter del usuario en algún sector de la página (barra lateral, header o footer, principalmente). Esto lo ví inicialmente en el blog de El Francotirador, y me pareció bastante simpático, ya que es una forma simple de integrar el microblogging con el blog propiamente tal. Así, si no tienes tiempo de publicar algo demasiado elaborado, puedes “actualizar tu blog” desde Twitter, con un posteo rápido y un link.

Un Twitter Badge es una porción de código XHTML que se agrega en la plantilla o en un widget de tu sistema de blogging favorito (en mi caso, WordPress). Lo que hace, básicamente, es leer tus post en Twitter y publicarlos en tu blog. Como es código, es posible cambiar su apariencia usando CSS, aplicando cambios en el fondo o el color de la letra. Además, puede ser instalada automáticamente en Blogger, MySpace, Facebook y TypePad.

¿Cómo instalo un Twitter Badge?

…en MySpace

1. Entra y logueate en Twitter
2. Entra en la página de badge: http://twitter.com/badges
3. Elige MySpace en las opciones de badge y haz clic en Continue
4. Selecciona interactive of display-only
5. Haz clic en el enlace “Instructions for MySpace”
6. Copia y pega el código generado en tu perfil de MySpace

Recuerda que para ver este badge, debes tener el plugin de Flash instalado y funcionando.

…en Blogger

1. Entra y logueate en Twitter
2. Entra en la página de badge: http://twitter.com/badges
3. Elige Blogger en las opciones de badge y haz clic en Continue
4. Selecciona la cantidad de actualizaciones que se muestren en el blog
5. Haz clic en el botón “Add to Blogger” si estas usando los nuevos diseños de Blogger. En caso contrario o si no estás seguro, haz clic en el botón “Grab the code”
6. En este último caso, copia y pega el código en un widget HTML/Javascript en tu Blogger

El badge aparecerá en la barra lateral del blog.

…en Facebook

En un post anterior, Felipe explicó cómo sincronizar Twitter con Facebook. Aquí tenemos otro método para hacer lo mismo.

1. Entra y logueate en Twitter
2. Entra en la página de badge: http://twitter.com/badges
3. Elige Facebook en las opciones de badge y haz clic en Continue
4. Haz clic en “Install Twitter in Facebook”
5. Entra y logueate en Facebook e instala la aplicación

Más información sobre cómo instalar la aplicación de Facebook aquí.

…y en otros sistemas

Sistemas como LiveJournal y WordPress no tienen soporte para agregar aplicaciones empotradas. Para estos casos, siempre es posible “copiar y pegar” el código en un widget. Para esto sigue estos pasos:

1. Entra y logueate en Twitter
2. Entra en la página de badge: http://twitter.com/badges
3. Elige Other en las opciones de badge y haz clic en Continue
4. Selecciona una de las dos opciones: Flash widget o HTML widget. Haz clic en “Continue”
5. Selecciona la cantidad de actualizaciones que deseas mostrar en el badge, además del título. En el caso que le pongas título en tu sitio, activa la casilla “No title”. Copia el código generado y pégalo en un widget de tu blog.

Más adelante vamos a hacer un tutorial para personalizar la apariencia del badge en un blog.

Articulos relacionados:

1. TwitterBadge: CSS-eando el widget
2. Cómo agregar un botón de ReTweet a los posts de tu blog de WordPress

Tags: badge, gadget, integracion, mashup, widget

Este articulo fue escrito el Sábado, julio 18th, 2009 a las 2:12 PM y pertecene a la categoria Tips, Usos de Twitter. Puedes seguir al autor en Twitter: twitter.com/felipecerda. Tambien puedes dejar un comentario, o un trackback.