Ultimo Tweet con jQuery

Escrito por
WillxD
el 21 de May del 2009 en
JavaScript
AudioJungle - Encuentra archivos de musica, loops, efectos de sonido 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

GraphicRiver - Increibles Recursos para photoshop desde $1
Anunciate aqui

7 Respuestas en “Ultimo Tweet con jQuery”

  1. ilen says:
    24 January 2010 at 1:47

    Bien me sirve muchas gracias

    Reply
  2. Ramón says:
    27 April 2010 at 22:34

    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!

    Reply
    • WillxD says:
      30 April 2010 at 16:03

      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.

      Reply
  3. Kompañero says:
    4 August 2010 at 13:22

    ¡¡Al fin!!
    Gracias Bro ya había probado varios y ninguno funcionaba pero tu me has mostrado la luz jajaja..xD
    Gracias de nuevo y saludos...

    Reply
  4. manuel luna says:
    8 October 2010 at 18:48

    el jquery para el twitter se puede usar en una pagina normal echa en html y css y algo de flash puedo segir estos pasos y funcionara.

    gracias y esperando respuesta soy nuevo en tu web hoy la alle buscando como crear formularios personalizados y me tope con tu web que tiene mucho contenido bueno.

    Reply
  5. Hernan says:
    26 October 2010 at 5:00

    Te consulto ya que en IE me queda "hace NaN dias" pero en firefox sale bien.

    Reply
  6. Eze says:
    15 March 2011 at 23:40

    Hola amigo, ante todo, felicitarte porque me ha sido de grán utilidad tu código, excelente!!
    Te quería preguntar, hay manera, de que en el tweet que se imprime en pantalla, los links se activen y no solo aparezcan como texto?
    Desde ya muchas gracias!!
    Saludos

    Eze Jurado

    Reply

Deja tu Comentario