Come inserire il bottone di TzeTze in un blog su Blogger.

Non sono neppure due mesi che Beppe Grillo annunciò la nascita di TzeTze, un portale in cui far confluire in tempo reale le notizie votate dagli utenti della rete. Per fare in modo che un nostro articolo possa essere condiviso e votato in questo nuovo aggregatore, occorre inserire il bottone della mosca in fondo ai nostri post. L'obiettivo di TzeTze è quello di promuovere l'informazione indipendente in rete e di favorire le notizie che rivestano particolare importanza secondo gli utenti. Si tratta sempre e comunque di news provenienti da siti rigorosamente online che non abbiano nessuna derivazione cartacea.

Non è compito di questo blog e tantomeno di questo post dare un giudizio su questa iniziativa. I lettori però ne sembrano entusiasti visto che ha già raggiunto Page Rank 5 e Alexa Rank inferiore a 50.000 dopo appena due mesi di attività. Mi è stato anche riferito che, nonostante il sito sia nato da poco, pare che mandi più visitatori di OKNotizie e degli altri social bookmarking più affermati. 

Chi ha un blog su Wordpress può scaricare il plugin di TzeTze in formato ZIP da caricare nella apposita directory mediante il File Manager o un programma quale FileZilla. Gli utenti di Blogger fino a ieri dovevano perdere la testa su una modalità di inserimento del codice che era piuttosto astrusa. Finalmente da questa mattina è possibile installare il bottone di condivisione su TzeTze anche su Blogger con relativa facilità.

Per farlo si possono leggere le istruzioni di TzeTze oppure seguire questo breve tutorial. Facendo riferimento alla Nuova Bacheca di Blogger, bisogna andare su Modello > Gestisci > Scarica modello completo per un eventuale backup di ripristino. Sempre su Modello > Modifica HTML, espandete i modelli widget mettendo la flag nell'apposito quadratino. Cercate la riga </head> e, subito sopra, incollate i seguenti script e CSS 

<link rel="stylesheet" type="text/css" href="http://www.tzetze.it/tzetze_external.css" /><script type="text/javascript" src="http://www.tzetze.it/tzetze_external.js"></script>

Cercate adesso la riga  <div class='post-footer'> e subito sotto o subito sopra incollate quest'altro codice

<a class='vota_tzetze' expr:onclick='&quot;tzetzeScore(this,  \&quot;&quot; + data:post.url +  &quot;\&quot;); &quot;' href='javascript:void(0)' title='Vota su TzeTze'></a>

Salvate il modello. Alla fine di ogni post apparirà l'icona della mosca    per permettere ai lettori di votare l'articolo. Dopo il primo click, apparirà anche un contatore con il numero dei voti che ha ricevuto ciascun post

Se volete inserire il bottone più in basso potete incollare il secondo codice prima della riga <div class='post-footer-line post-footer-line-2'> come specificato nel sito di TzeTze. Nel caso vogliate visualizzare il bottone di condivisione solo nei singoli post, che sono poi gli elementi da votare e condividere, occorre modificare il secondo codice in questo modo

<b:if cond='data:blog.pageType == &quot;item&quot;'>  
<a class='vota_tzetze' expr:onclick='&quot;tzetzeScore(this,  \&quot;&quot; + data:post.url +  &quot;\&quot;); &quot;' href='javascript:void(0)' title='Vota su TzeTze'></a>
</b:if>

Volendo si può anche inserire questo pulsante insieme a altri bottoni classici di condivisione come il Mi Piace di Facebook, il Google Plusone e il bottone ufficiale di Twitter attraverso l'utilizzo di una tabella. Ho pubblicato delle demo online del bottone TzeTze singolo e del bottone TzeTze insieme ad altri pulsanti. Concludo ringraziando Giorgiogal per avermi passato le informazioni necessarie alla realizzazione di questo post.