Come inserire i bottoni per postare o per farsi seguire su Google Buzz in un blog su Blogger.

Ho già trattato l'argomento su come inserire i bottoni di Google Buzz nel nostro blog su Blogger dando una notevole quantità di opzioni. Sono da pochi giorni (meglio da poche ore) disponibili anche i pulsanti ufficiali. Ce ne sono di due tipi: postare su Buzz e Seguire su Buzz.

Si accede alla sezione Buzz Elementi e si sceglie tra le due opzioni

Per brevità scegliamo "Posta su Buzz" in modo da inserire il pulsante con il contatore. Negli altri casi il procedimento è analogo.

La configurazione riguarda

1. Lo stile - Pulsante + contatore, solo pulsante o link
2. La posizione del numero di post - in alto o di lato
3. La lingua - ovviamente italiano
4. La possibile personalizzazione di un URL per il post e dell'immagine per il post
5. In basso sarà visibile il codice HTML da copiare e incollare

Per inserirlo in un blog di Blogger si va su Layout > Modifica HTML e si cerca la riga

<div class='post-header-line-1'/>

e, immediatamente sotto, si incolla il seguente codice

<!--BUZZ INIZIO-->
<div style='border:0px !important;text-align:right;margin-top:-40px;'>
INCOLLA IL CODICE PRESO DA BUZZ STUFF
</div>
<!--BUZZ FINE - http://parsifal32.blogspot.com-->

dove le parti evidenziate in rosso possono essere personalizzate e va inserito il codice acquisito da Buzz Stuff. Al posto di right possiamo mettere left per avere il pulsante sulla sinistra oppure center per averlo centrale. Mentre la posizione (-40 pixel dall'alto) dipende molto dal modello che si ha. Si possono fare delle prove per trovare quella ottimale. Ecco un esempio di codice

<!--BUZZ INIZIO-->
<div style='border:0px !important;text-align:right;margin-top:-42px;'>
<a title="Pubblica su Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="it"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
<!--BUZZ FINE - http://parsifal32.blogspot.com-->

Potete vederlo all'opera nel blog La Nuova Atlantide.

Si può inserire anche in altre posizioni. Se per esempio non si trova la linea di codice indicata precedentemente si può optare per incollare il codice subito sopra la riga <data:post.body/>.

Se siete interessati ai pulsanti di condivisione date uno sguardo al post sui bottoni di voto che è estremamente esaustivo.