Questo è un widget di jQuery per il nuovo social network di Google-Buzz-che è possibile incorporare ovunque per integrare il vostro stream buzz nella vostra pagina.

Google Buzz è una nuova rete sociale basata sui profili di Google, integrati in Gmail. E 'stato lanciato lo scorso Martedì, e in 2 giorni oltre 9 milioni di "ronzii" (i buzzes) e relative osservazioni sono stati creati!


Demo 1: Triple Bar ►
In questo widget la demo ruota di 3  buzz alla volta. Ecco come:
1 - Includere il file javascript del jQuery plugin .
2 - Creare un elemento div con classe "google-buzz".
3 - posizionare le impostazioni del widget realizzato in una delle opzioni "attribute", come array delimitato da virgole.

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://google-buzz-widget.googlecode.com/files/jquery.google-buzz-1.0.min.js"></script>

<div class="google-buzz" options="{
   username:'mikedotmore'
   ,n:9
   ,show_n:3
   ,animate:'height'
}">loading..</div>

Si può vedere che l'opzione necessaria è "username" ed é il tuo nome utente di Google che appare sul tuo profilo di Google URL.
Il numero di buzz per tornare all'inizio 'n' è stato fissato a 9.
Il numero di buzz mostrati in un primo momento 'show_n' é stato fissato a 4.

visualizza la demo 1 in funzione


Demo 2: ► Listato fisso
La demo qui usa una chiamata Javascript tipica, per creare una lista fissa di buzz senza transizioni ..

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://google-buzz-widget.googlecode.com/files/jquery.google-buzz-1.0.min.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
      $('div.my-buzz').googleBuzz({
         username:'mikedotmore'
         ,n:8
         ,show_n:0
      });
   });
</script>

<div class="my-buzz">loading..</div>

visualizza la demo 2 in funzione

fonte: http://www.moretechtips.net/2010/02/google-buzz-widget-jquery-plugin.html