Come inserire il pulsante “Mi piace” di Facebook su Blogger

A grande richiesta, ecco come inserire il pulsante “Mi piace” di Facebook su Blogger per dare la possibilità ai propri lettori di segnalare i vostri articoli ai propri amici. Il funzionamento del pulsante “Mi piace” è per certi aspetti simile a quello per condividere i contenuti su Facebook, ma più veloce e meno invasivo:

Anche il pulsante “Mi piace” tiene conto delle segnalazioni fatte e vedere il nome degli utenti rende il risultato meno sterile di un semplice contatore:

Inserirlo su Blogger è questione di pochi minuti. Vediamo come.

Backup del template

Come sempre, se avete timore di far danni (specie con questo caldo che fa surriscaldare il boccino) fate un backup del template preventivo, per poter tornare indietro.

Il codice del pulsante

Il codice HTML da inserire nelle proprie pagine web può essere generato da questa pagina e dev’essere poi riadattato per Blogger. Semplifico il tutto per voi e per me fornendo il codice di solito più usato:

<!-- pulsante mi piace per facebook - inizio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
<!-- pulsante mi piace per facebook - fine -->

Le due righe che ho evidenziato in rosso al solito possono essere tolte. Lasciandole il pulsante verrà visualizzato solo nella pagina del singolo post (è sempre l’opzione che preferisco). Il valore in verde (450) stabilisce la larghezza dell’elemento e potete diminuirlo se doveste avere problemi nel vostro blog.

Inserire il codice nel template

Dalla bacheca, andate in Design –> Modifica HTML e selezionate “Espandi i modelli widget”. Cercate la riga di codice che contiene:

post.body

Nel mio caso è:

<data:post.body/>

Questa riga potrebbe essere presente più volte. Se è così, inserite il codice nella prima occorrenza e se non funziona provate con le altre. Una volta trovata la riga, inserite il codice del pulsante prima o dopo a seconda che lo vogliate, rispettivamente, sopra o sotto il post. A questo punto potete salvare il template e avete finito.

Rimuovere il pulsante dal template

Se decidete di rimuovere il pulsante dal blog, tornate in Design –> Modifica HTML, selezionate “Espandi i modelli widget” ed eliminate tutto quello che si trova tra la riga:

<!-- pulsante mi piace per facebook - inizio –>

e

<!-- pulsante mi piace per facebook - fine –>

Per concludere

L’ottima cosa dei gadget di Facebook è che nel fare il conteggio delle segnalazioni tiene conto di tutti i modi in cui vengono fatte. Sia che usiate il pulsante “Mi piace”, sia che usiate il pulsante per la condivisione, sia che pubblicate il link per i fatti vostri dalla vostra bacheca, verrà tutto conteggiato assieme.

Vi invito a usarlo senza parsimonia nel mio blog, sia per farmi un po’ di pubblicità (il miglior modo di ringraziarmi!) ma soprattutto per farmi capire quali articoli apprezzate di più e potermi regolare di conseguenza.