Who-Tweet: un botón animado para Twitter

Topsy es un buscador especializado en Twitter que dispone de una serie de widgets como los típicos botones de retweet y un API muy interesante.

Basado en eso, moretechtips.net ha desarrollado un botón muy original que tiene como particularidad, mostrar los avatares de aquellos usuarios que han compartido nuestro post.

Para utilizarlo, necesitamos JQuery y podemos usar los archivos que nos proveen así que, antes de </head> agregamos lo siguiente:

<link type='text/css' rel='stylesheet' href='http://who-tweet-button.googlecode.com/svn/v1/who-tweet-button-1.0.css' />
<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://who-tweet-button.googlecode.com/files/jquery.who-tweet-button-1.0.min.js'></script>

Ahora, podríamos insertarlo en nuestros posts simplemente agregando esto en el post-footer de las entradas:

<div class="who-tweet">cargando...</div>

También pueden agregarse opciones, por ejemplo nuestro nombre de usuario:

<div class="who-tweet" options="{nick:'miNombre'}">cargando...</div>

Hay más opciones disponibles y todas se agregan del mismo modo, separándolas con comas:

n:valor establece la cantidad máxima a mostrar
inf_only:1 hace que solo se muestren tweets de usuarios considerados "influyentes"
inf_tip:1 muestra el "valor" de esa influencia
tweet_tip:1 muestra las imágenes como tooltips
animate:'height' cambia el tipo de animación

Una opción extra que podría ser interesente en ciertos casos, es url. Si bien la URL del post no es necesario agregarla, podemos definirla y, de tal modo, agregar esto sólo en determinadas entradas, agregándolo directamente en el editor:

<div class="who-tweet" options="{nick:'miNombre',,url:'URL_entrada'}">cargando...</div>

Este es el ejemplo, usando la opción url y colocando allí, la dirección del blog: