Come personalizzare i pulsanti ufficiali di condivisione di Blogger.

In un precedente articolo ho parlato di come inserire i bottoni di condivisione in un post di Blogger. Vediamo più nel dettaglio altre possibili personalizzazioni. Ricordo che il codice da inserire è il seguente

<!-- 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-->

La posizione di inserimento determinerà il punto di visualizzazione dei pulsanti. Se si vogliono vedere ovunque, e non solo nei singoli post, possono essere tolte le due righe di codice evidenziate di rosso.

Per posizionarli subito sotto il post, il codice va incollato dopo la riga <div class='post-footer'>. Se si vuole andare più in basso occorre metterli dopo la riga <div class='post-footer-line post-footer-line-1'> o, alternativamente, dopo le linee

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

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

E' probabile che Blogger aggiungerà nuovi pulsanti a quelli già presenti. Intanto possiamo togliere quelli che non ci interessano. Per esempio il bottone per postare l'articolo su un blog di Blogger mi sembra decisamente inutile. Si può eliminare questo pulsante andando su Layout > Modifica HML e prima della riga

]]></b:skin>

incollare la seguente classe

.sb-blog{display:none}

quindi salvare il modello. Il pulsante con la B di Blogger sparirà da sotto il post. Se si vogliono togliere gli altri bottoni occorre sostituire a sb-blog con sb-email (pulsante email), sb-twitter (pulsante Twitter), sb-facebook (pulsante Facebook) e sb-buzz (pulsante Google Buzz).

Per vedere come appaiono questi pulsanti inseriti dopo la post-footer-line-1 guardate questo post in cui è stato anche tolto il bottone di Blogger.

Fonti | Le Blogger e Blogger Plugins -