Pubblicato il 05/09/11e aggiornato il

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  scoring-unscored-tzetze  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
bottone-tzetze
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.  




13 commenti :

  1. Ciao Ernesto ho urgente bisgno di te.... ho scritto un articolo su windorws live wrinter (ho blogger) e mi compare questo errore: Il server ha rilevato un errore quando vado a pubblicarlo!!!nel seguente indirizzo Web:http://www.blogger.com/feeds/394833774098571072/posts/default400 Bad RequestInvalid category term Come posso risolvere??? ci ho messo 1 ora a scrivere

    RispondiElimina
  2. In effetti questo social si occupa di temi inerenti politica ed attualità, ho provato ad inserire un articolo di informatica ieri ma ancora non è stato pubblicato...
    @Simona: magari è solo un problema temporaneo, in ogni caso salva il tuo articolo!

    RispondiElimina
  3. @bizzo
    Anch'io ho inviato l'articolo che gli ho dedicato ma senza risultato

    @Simona
    Dal messaggio mi sembra che ci sia un problema nelle categorie. Forse ne hai messe troppe? Prova a ripubblicare con meno categorie o al limite con solo una, poi le altre le aggiungi. Il limite su Blogger mi sembra sia di dieci o venti etichette, non mi ricordo ;)

    RispondiElimina
  4. ernestoooooooooo sei un angelo ed un genio ovviamenter! *__* è andata!!! grazieeeeeeeeee :-*** un bacionissimo

    RispondiElimina
  5. ciao Ernesto, col secondo codice x inserire il bottone solo nei singoli post, blogger mi da questo messaggio di errore:

    Non è stato possibile analizzare il tuo modello, in quanto non è strutturato correttamente. Assicurati che tutti gli elementi XML presentino il tag di chiusura richiesto.
    Messaggio di errore XML: Element type "b:if" must be followed by either attribute specifications, ">" or "/>".

    Error 500

    ho sbagliato qualcosa? grazie come sempre

    RispondiElimina
  6. @ViviTaranto
    Hai ragione! Accidenti alla fretta, mi era sfuggito un >

    RispondiElimina
  7. Scusate per il mio post tardivissimo... Ho un sito wordpress. Nonostante il plugin scaricato e attivato, e la mosca che compare in fondo ai post e alle pagine, se si clicca non da nessun segno e nessuna segnalazione. E' come se non ci fosse. Sapete se anche altri hanno avuto questo problema e da cosa dipende?

    RispondiElimina
    Risposte
    1. @Paolo...
      Se ti può essere di conforto anche il codice per Blogger non funziona come dovrebbe. Credo che quei tool li debbano migliorare decisamente :)

      Elimina
  8. Ciao!!Vorrei sapere come è possibile inserire il bottone tze tze con la nuova interfaccia di blogger. Non trovo sulla modifica in html del modello, il baffo che consente di "espandere i modelli widget". Come posso fare? grazie dell'attenzione. Angelo

    RispondiElimina
  9. Ciao!!Vorrei sapere come è possibile inserire il bottone tze tze con la nuova interfaccia di blogger. Non trovo sulla modifica in html del modello, il baffo che consente di "espandere i modelli widget". Come posso fare? grazie dell'attenzione. Angelo

    RispondiElimina
    Risposte
    1. @# Pubblica il commento una volta soltanto. E' difficile che mi sfuggano. Per il bottone Tze Tze purtroppo siamo rimasti a questo punto. Non hanno rilasciato altri tool ch'io sappia
      http://www.tzetze.it/metti_tzetze.php
      e questi non funzionano

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.