Votare i post su Blogger

Tempo fa avevo parlato di come permettere agli utenti di votare i post con Outbrain, ma chi bazzica su Blogger in Draft si sarà accorto che Google ha recentemente aggiunto questa caratteristica su Blogger e, sebbene sia ancora in test, possiamo aggiungerla ai nostri blog.

Rispetto ad Outbrain, non vengono offerte classifiche sui post più votati, ma possiamo evitare affidarci a un servizio esterno.

Vediamo come aggiungerlo al blog.

Accediamo alla nostra bacheca da Blogger in Draft e da Layout->Elementi pagina clicchiamo su Modifica nell'area dedicata ai post:

Nella finestra che ci appare, selezioniamo "Mostra valutazioni a stelle":

A questo punto basta salvare le modifiche e visualizzare il blog per trovare il nuovo elemento:

Se non viene visualizzato, è perchè probabilmente state usando un template modificato e non uno di quelli proposti da Blogger. Per aggiungere la nuova caratteristica quindi, dopo aver seguito i passi precedenti, e aver fatto il backup del template, dovrete andare in modifica da Layout->Modifica HTML, selezionare "Espandi i modelli widget" e cercare la seguente riga:

<div class='post-footer-line post-footer-line-1'>

Se non la trovate, cercate questa:

<p><data:post.body /></p>

Subito sotto la riga che avete trovato, incollate la seguente porzione di codice:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <span class='star-ratings'> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/> </b:if> </span> </b:if>

Le righe in verde sono opzionali: se li incollate, sarà possibile votare solo dalla pagina del singolo post, se non le incollate, il sistema di votazione sarà visibile nella pagina principale del blog. A questo punto, cercate questa riga:

<b:include name='nextprev'/>

E subito sotto incollategli questo codice:

<b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1"); function initialize() { google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if>

E salvate il template. Se tutto è andato bene, visualizzando il blog dovreste vedere anche nel template modificato il nuovo sistema di votazione dei post.

Le modifiche che ho descritto sono quelle che ha proposto Amanda su BloggerBuster (anche se è stata Boby a segnalarmi il codice tempo fa), e dovrebbero andare bene per la maggior parte dei template personalizzati. L'idea generale è comunque incollare la prima porzione di codice sotto l'area dei post e la seconda in fondo al template.

Come sempre, per qualsiasi perplessità, lasciatemi un commento.

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!