Cuando poseemos un sitio web que corre bajo una plataforma, generalmente ésta nos ofrece extender o agregar funcionalidad por medio de extensiones (plugins), snippets, etc. Para los que nos gusta programar hay cosas muy sencillas de hacer cuando se trabaja con bibliotecas como jQuery, por ejemplo agregar a un sitio web un widget con nuestros amigos y seguidores del servicio de microblogin Twitter.
En el sitio moretechtips.net publicaron un tutorial en donde explican 4 implementaciones con jQuery para agregar un Widget con info de Twitter como seguidores, amigos, amigos y seguidores, etc.. Se trata de unas implementaciones sumamentes sencillas que es ideal para usar incluso cuando el sitio es HTML puro (un sitio estático).
Implementar un lista simple de seguidores de Twitter con jQuery
Mostrar un widget con nuestros seguidores en Twitter es verdaderamente muy sencillo y sólo requiere de una pocas lineas de código.
Primero enlazamos en la sección HEAD del HTML de la página, los archivos JS de jQuery y el plugin para jQuery Twitter Friends:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-1.0.min.js"></script>
Luego agregamos el código Javascript que mostrará el widget con los datos obtenidos de Twitter:
<script type="text/javascript">
$(document).ready(function(){
$('#friends').twitterFriends({
debug:1
,username:'Nombre-de-Usuario'
});
});
</script>
Por último agregamos el código HTML que mostrará el Widget:
<div id="friends"></div>
En el sitio moretechtips.net hay otros 3 demos más con la misma complejidad que el explicado más arriba.
Twitter Friends & Followers Widget – A jQuery Plugin!
Visitar: www.moretechtips.net/2009/10/twitter-friends-followers-widget-jquery.html