Cómo mostrar tweets en tu blog con jQuery

Si eres de los que quisiera tener sus tweets en su blog o sitio web, esta es la oportunidad perfecta para poder lograr eso porque en esta ocasión vamos a hablar sobre un plugin de jQuery que nos va a permitir lograr eso en algunos sencillos pasos.

Después del salto vamos a ver cómo mostrar tweets en tu blog con jQuery usando el plugin Tweetable, obteniendo un resultado como este.

 

Cómo usar Tweetable 1.6

Lo primero que tenemos que hacer como en todos estos casos es enlazar los archivos del framework de jQuery y el plugin Tweetable, todo esto arriba de la etiqueta </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.tweetable.js"></script>

Ahora si, vamos a empezar a crear nuestra estructura para almacenar los tweets, vamos a crear una capa que en este caso se llama “tweets”:

<div id="tweets"></div>

Ahora lo que vamos a hacer es enlzar a la capa y a un usuario de Twitter para que muestre sus tweets, para ello debajo de los enlaces a los archivos jQuery abrimos una etiqueta <script> y agregamos lo siguiente:

$('#tweets').tweetable({username: 'philipbeel'});

Lo que decimos es que en la capa “tweets” coloque los tweets de “philipbeel”, después de eso agregamos </script> para cerrar bien la etiqueta.

Si te ha funcionado bien ya tienes tu gadgets de tweets en tu blog o sitio web.

Para más información y descargar Tweetable | theodin