Come inserire il pulsante "Condividi su Facebook" in un blog su Blogger.

Ho già parlato diffusamente di come si possa inserire dei bottoni di voto alla fine di un post su Blogger per condividerlo o votarlo nei vari social network. Se ci limitiamo esclusivamente a Facebook possiamo inserire un bottone di condivisione direttamente nel modello prima, dell'articolo o alla fine dello stesso.

Per prima cosa dobbiamo personalizzare il bottone andando nei Widget di Facebook, segnatamente nella sezione Condividi. Qui si può personalizzare il bottone inserendo anche il contatore, in linea come sopra, oppure in verticale

Il codice che viene acquisito può essere inserito direttamente nel modello. Si va su Layout > Modifica HTML e dopo aver salvato il modello completo e aver espanso i modelli widget si cerca la seguente riga

<data:post.body/>

Per inserire il pulsante di Facebook all'inizio del post si inserisce il codice acquisito immediatamente sopra a detta riga di codice. Se si vuole staccarlo dal resto del post possiamo inserire un tag <p> prima del codice di Facebook e un tag </p> alla fine del codice.

Se invece si vuole mettere alla fine dell'articolo si cerca la linea di codice

<div class='post-footer'>

e si inserisce immediatamente sopra. Alternativamente può anche essere inserito prima della riga di codice

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

oppure, anche immediatamente dopo questa riga, dipende dall'estetica dei vari modelli. Anche in questo caso può essere utile inserire il codice del pulsante tra i tag <p> e </p>. Sempre seguendo l'estetica dei vari modelli possono anche essere scelte le linee

<div class='post-footer-line post-footer-line-2'> oppure

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

Nel blog Numeri di pagina per navigazione ho inserito per prova due pulsanti, il secondo dei quali immediatamente sopra alla riga

<div class='post-footer-line post-footer-line-3'>. Nel momento in cui si clicca sopra al bottone si apre una finestra per la condivisione del post su Facebook.