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&amp;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:

1. El nombre de usuario. En este ejemplo pone “DoctorAnonimous” el mio, cambiarlo por el vuestro.
2. 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&amp;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:

Una manera sencilla para mostrar en nuestra propia web. No es para WordPress para ello hay algunos plugins que ya lo hacen.

Lo primero que debeis hacer es descargaros el ejemplo que contiene los archivos necesarios.

Una vez descargados debemos de poner éste código php en la página donde queramos mostrar el resultado:

1
2
3
4
5

showUser("xml",'Numero_del_Usuario');
$xml=new XML2Array();
$arr=$xml->parse($friends);
$seguidores=$arr['user']['followers_count']['value'];
?>

Tan solo debeis de editar 3 cosas:

1. User: Vuestro nombre de Usuario
2. Password: Vuestra contraseña
3. Numero_del_Usuario: este número se sabe pulsando en el icono de RSS de nuestra página en twitter y nos llevará a una página donde en la barra de destino se mostrará una linea parecida a ésta: http://twitter.com/statuses/friends_timeline/38671594.rss El id del usuario es el número sin el rss es decir de esa linea el id sería: 38671594

Después tan solo debeis poner ésta linea donde querais mostrar el número de seguidores y ya está!

1

<?=$seguidores?>

Recordar descargar las librerias junto al ejemplo