Autor: Jack Bach

Bach es el autor principal de este blog. A los 15 años le dio por hacer un juego en flash y eso le llevó a hacer una web para mostrarlo al mundo. Ahora ya han pasado unos años y ha aprendido sobre todo XHTML y CSS para maquetar sus diseños web.

Para empezar debemos insertar el siguiente código HTML donde queramos añadir las últimas actualizaciones de nuestro twitter:

<div id="twitter_update_list"></div>

El siguiente paso es insertar las siguientes líneas justo después del div del paso anterior:

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/usuario.json?callback=twitterCallback2&count=1"></script>

En esta segunda línea es en la que tendremos que definir el usuario, que será el de nuestro twitter, y el número de actualizaciones que queremos mostrar (donde pone 5). El máximo de actualizaciones que podremos mostrar es 20.

Lo que obtenemos con todo esto es una lista dentro del div #twitter_update_list con las diferentes actualizaciones con la siguiente estructura html:

<div id="twitter_update_list">
<li><span>Contenido de la entrada</span><a>Hace x días</a></li>
</div>

Con esto ya nos podemos poner a darles estilo con css. Podési ver como ha quedado el mío. Si te gusta el icono, puedes encontrar un pack en este link.