Come inserire i bottoni di condivisione in automatico con Blogger in Draft.

Come certo saprete le personalizzazioni da utilizzare sulla piattaforma Blogger vengono prima introdotte e testaste in Blogger in Draft, che non è altro che un'altra Bacheca con maggiori funzionalità. Moltissimi blog hanno inserito nel modello i bottoni di voto e condivisione sui vari social network.

Il team che si occupa di Blogger deve aver preso atto della situazione e ha finalmente proposto una versione nativa di alcuni di questi bottoni. Specificatamente si tratta di

1. Invialo per email
2. Postalo sul blog
3. Condividi su Twitter
4. Condividi su Facebook
5. Condividi su Google Buzz

Dopo essere entrati in Blogger in Draft si va su Design > Elementi pagina > Post sul blog > Modifica, si mette il segno di spunta a Mostra i pulsanti per la condivisione

Andando più in basso si può, attraverso il mouse collocare tali bottoni nella posizione che più ci piace nell'anteprima dei post

Infine si clicca su Salva per applicare le modifiche.

Esiste il problema che in molti modelli questi bottoni non si riesce a vederli nonostante questa personalizzazione; questo vale anche per modelli molto semplici. Si può ovviare all'inconveniente inserendo il codice relativo direttamente nel modello. Prima occorre decidere in quale punto del post vogliamo che compaiano. Si possono visualizzare all'inizio dell'articolo o alla fine. La differenza sta tutta nella zona del template in cui si incollerà il codice.

A titolo di esempio poniamo che gli vogliamo mettere alla fine del post, nella stessa posizione in cui solitamente sono presenti gli altri bottoni di condivisione. Andiamo su Design > Modifica HTML > espandi modelli widget e cerchiamo la riga seguente

<div class='post-footer'> o alternativamente quest'altra

<div class='post-footer-line post-footer-line-1'> se gli vogliamo inserire ancora più in basso.

Incolliamo il seguente codice immediatamente sotto a una di tali righe

<!-- BOTTONI CONDIVISIONE INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>
<!--BOTTONI CONDIVISIONE FINE-->

e clicchiamo su Salva Modello. L'aspetto dei bottoni sarà simile a questo

Saranno grigi e si coloreranno quando ci si passa sopra con il mouse. Se si clicca sulla icona della email comparirà un modulo per inviare il post a un amico mentre se si va su quella di Blogger apparirà la lista dei nostri blog in cui postare l'articolo con il pulsante Pubblica post.

Un discorso diverso va fatto su Twitter: in questo caso l'URL viene automaticamente accorciato mediante il servizio goo.gl. Per Google Buzz e Facebook si aprono le solite finestre di condivisione già viste con altri pulsanti o bookmarklet.