Ultimo Tweet con jQuery

ActiveDen - Encuentra los mejores archivos Flash, Flex desde $1

Con la utilidad de la API de Twitter, que es un excelente servicio de microblogging, podemos crear nuestras propias aplicaciones.
Veamos como con la ayuda de la jQuery y la función "$. GetJSON" poder mostrar en nuestra web el último "Tweet" enviado desde nuestro twitter.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="relative_time.js"></script>
 
<script type="text/javascript">
$(document).ready(function() {
var tutwitter = "willxd";
	$.getJSON("http://twitter.com/statuses/user_timeline/"+ tutwitter +".json?count=1&callback=?", function(json){
 		var lastTweet = json[0].text;
		var tweetTime = json[0].created_at;
		var tweetTime = relative_time(json[0].created_at);
		$("#twittexto").html(lastTweet);
		$("#twittiempo").html(tweetTime);
	});
});
 
</script>

Ahora lo que debemos hacer es cambiar en la variable "tutwitter" a tu cuenta de Twitter. Y crear en tu web los siguientes "divs"

<div id="twittexto"></div> // Texto del tweet
<div id="twittiempo"></div> // Hace cuanto escribiste el tweet

Demo: Ultimo Tweet con jQuery
Enlace: Descargar Ultimo Tweet con jQuery

3 Respuestas en “Ultimo Tweet con jQuery”

  1. ilen says:

    Bien me sirve muchas gracias

  2. Ramón says:

    Excelente, pasé mucho tiempo buscando una solución... desde plugins de wordpress sobrecargados de funcionalidad que no necesitaba, widgets, plugins de jquery... Para algo tan simple. Muchas gracias!

    • WillxD says:

      Que bueno que te haya servido, además los plugin de wordpress generalmente traen "funciones adicionales" que no siempre todos los usuarios usan y lo único que hacen es aumentar el tiempo de la carga de la página.

Deja tu Comentario