La twittermania sta arrivando anche in Italia. E’ il social network in maggior espansione. Di recente sono stati superati i 50 milioni di tweets giornalieri e sta ancora crescendo. Rappresenta un modello diverso da quello che è Facebook, il re incontrastato del momento.

Se sei un blogger non puoi non considerare il fatto di gestire un account Twitter. E se ce l’hai perché non mostrare i tuoi cinguettii anche sul tuo sito?

Con questo semplice javascript ti permette di mostrare l’ultimo tweet del tuo profilo.

Non serve fare altro che incollare questo codice nel punto dove vogliamo visualizzare il testo:

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

e la chiamata allo script in fondo prima della chiusura del tag body.

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

L’unica accortezza è quella di cambiare all’interno dello script la stringa USERNAME con il vostro user

Capita infatti che lo script ci metta più tempo del previsto a recuperare i dati e quindi mettendolo in cima insieme al div rischiate di bloccare il corretto caricamento del sito (banale errore che affliggeva webquadro fino a questa mattina!!!).

Volendo è possibile modificare l’aspetto modificando il foglio di stile css ed in particolare l’ID twitter_update_list. Nell’esempio lo style applicato con il recente redesign di webquadro:

#twitter_update_list{
background: url(images/last-tweet.png) no-repeat right;
padding:35px 45px 0 0;
position: absolute;
height: 48px;
top: -68px;
right: 10px;
list-style: none;
color: #ededed;
}

Questo il risultato:

NOTA: non vengono mostrati i retweet. Se l’ultimo post è di questa tipologia allora lo script mostrerà un stringa vuota

Ecco una lista di altre risorse che potrebbero interessarti:

  1. Il dilemma del profilo unico su twitter
  2. Installare Wordpress non è mai stato così facile
  3. Cose che ho fatto per aumentare le visite del mio Blog
  4. Semplice menu javascript con jQuery
  5. Google e la ricerca in tempo reale (Real Time Search)