API de Twitter y JavaScript: mostrar los últimos tweets de cualquier usuario

Normalmente cuando queremos mostrar nuestro último mensaje enviado a Twitter (o varios de ellos) y estamos utilizando una plataforma muy popular como Blogger o WordPress, podemos instalar un plug-in que viene con dichos CMS para hacer todo el trabajo.

Pero cuando estamos creando un sitio (o modificando un sitio que no está construido bajo ninguna plataforma popular de contenido) nos puede surgir la necesidad de mostrar los últimos tweets (mensajes) nuestros o de un usuario en particular.

No necesitamos nada más que el nombre de usuario que queramos mostrar, y unas simples líneas de código JavaScript para realizarlo. Obviamente debes tener acceso a editar el código HTML del sitio en el cual deseas colocarlo.

Pasos:

1. Primero que nada, decide en qué parte de la página deseas mostrar el contenido de Twitter, y luego copia este código:
   <div id="twitter_update_list"></div>
2. Ahora debes ingresar el código JavaScript que consulta la base de datos de Twitter. Debes hacerlo debajo del código ingresado en el paso 1.
   <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
   <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/<strong>12345</strong>.json?callback=twitterCallback2<strong>&count=</strong>1"></script>
   Asegúrate de cambiar el texto "12345" por tu nombre de usuario de Twitter (o el nombre de usuario que deseas mostrar). Además, el número que viene luego de "&count=" determina el número de mensajes de Twitter que se mostrarán. En el ejemplo se mostrará el último mensaje únicamente, pero puedes cambiarlo.

Eso es todo. Ahora solamente queda, de forma opcional, cambiar el estilo de visualización de los mensajes que se mostrarán. Para esto se puede usar CSS de forma muy fácil.

Por ejemplo, para cambiar el color del texto a naranja y el color de fondo a negro, solo debería incluir el siguiente código en mi archivo .css

#twitter_update_list span {
color: #FFCC00;
background: #000000;
}

De la misma forma se puede cambiar el color de los links que aparecen dentro de los tweets, y también el color de los mismos cuando se les pasa el mouse por encima. Respectivamente sería:

#twitter_update_list span a {
display: inline;
color: #000000;
}
#twitter_update_list span a:hover {
text-decoration: underline;
color: #666666;
}

Esto no es todo lo que se puede hacer con el API de Twitter, de hecho las posibilidades son muy numerosas. Se recomienda leer la documentación del API de Twitter (http://apiwiki.twitter.com/Twitter-REST-API-Method%3A-statuses-user_timeline) (en inglés) para entender mejor el funcionamiento de este script y de las opciones que tenemos los webmasters al utilizarlo.