Mostrar nuestros twitters
Mediante este ejemplo podrás insertar en tu web tus últimos twitters de una manera sencilla con tan solo 3 lineas! Además se incluye la descarga de un ejemplo ya hecho y además con estilo para que veais lo simple que es. Nada de php, nada de un montón de lineas, un jemplo sencillo y bonito!
Sin más comienzo el tutorial:
Lo primero que tenemos que insertar en nuestra página html es la siguiente linea:
<ul id="twitter_update_list"></ul>Yo he usado “ul” para que podamos modificar el estilo de una manera más sencilla pero también podríamos usar un div, un ol u otras etiquetas.
Ahora hay que llamar al js que realizará todo el proceso. La llamada debe de ir después del código expuesto antes. La llamaeremos de la siguiente forma:
<script type="text/javascript" src="js/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/DoctorAnonimous.json?callback=twitterCallback2&count=5"></script>
El primero es la llamda a un javascript que viene en el ejemplo para descargar. También lo podemos usar directamente desde la web de twitter pero el modificado ya está en Español y modificado para que funcione con el estilo css descargable.
El segundo es la llamda a la api de twitter. Para que muestre los nuestro debemos de cambiar dos cosas:
- El nombre de usuario. En este ejemplo pone “DoctorAnonimous” el mio, cambiarlo por el vuestro.
- El número de twitters que queramos que salgan. En este caso se encuentra al final y pone 5 por lo que nos mostrará 5 resultados.
Por ejemplo si nouestro usuario en twitter es “Jose” y queremos que salgan nuestros últimos 10 twitters deberíamos cambiarlo a lo siguiente:
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/Jose.json?callback=twitterCallback2&count=10"></script>A la hora de editar el css es muy fácil. En la descarga del ejemplo teneis un ejemplo de como lo podríamos mostrar. Si teneis dudas preguntad.
La descarga del ejemplo:
2 comentarios »
Canal RSS de los comentarios de la entrada. URL para Trackback
Deja un comentario
links útiles
Hola Krato! vale, pues gracias por el aporte, aca paso a dejarte un comment por el recibido en mi site! felicidades, esta muy cool tu blog y super util!
I want to post quick hello and want to say appriciate for this good article. GMg3HLBSj7S9mH