Blogger: inserire il pulsante di condivisione su Twitter

Dopo avervi introdotto il modo per inserire il pulsante "Mi piace" di Facebook, per condividere facilmente ed in maniera elegante i vostri post sull'omonimo social network, ecco quello che vi permetterà di fare la medesima cosa su Twitter, altro social network meno conosciuto in Italia, ma dalle caratteristiche e dalle potenzialità enormi.

Il procedimento è sempre lo stesso, bisognerà accedere a Design - Modifica HTML ed espandere i modelli widget; è consigliabile sempre e comunque salvare una copia di sicurezza del template, al fine di evitare di mandare per aria tutto il lavoro svolto fino ad ora se qualcosa dovesse andare malauguratamente storto.
A questo punto cliccate su F3 per cercare velocemente la seguente riga di codice all'interno del template:

<data:post.body/>

Immediatamente sotto tale riga copiate il seguente comando:

<!--Twitter Inizio-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;padding:4px;'>
<a class='twitter-share-button' data-count='vertical' data-via='chemistech' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</div>
</b:if>
<!--Twitter Fine-->

A questo punto facciamo delle precisazioni: 
i comandi <!--Twitter Inizio--><!--Twitter Fine--> servono semplicemente a riconoscere velocemente il pulsante nel template in formato HTML e non hanno valore ai fini estetici;

le due righe in verde servono a far vedere il pulsante solo all'interno del post e non in homepage; qualora vogliate farli vedere anche in homepage allora toglietele pure;

il comando float:right vi indica che il pulsante lo state posizionando a destra; se lo volete sulla sinistra sostituite right con left;

il comando data-count='vertical' vi indica la tipologia di tasto che state utilizzando; dato che twitter ne mette a disposizione tre, potrete sostituire vertical con horizontal oppure con none per avere rispettivamente il pulsante con contatore orizzontale o solo pulsante senza contatore;

il comando data-via='chemistech' vi indica il nome dell'autore del blog; dovrete sostituirlo con il nome con cui siete riconoscibili su Twitter.

Se siete soddisfatti del pulsante salvate tutto e godetevi la condivisione su Twitter.



5 commenti:

SunlightBanana ha detto...

scusa ma nel mio codice html il comando:

"data:post.body/>"

non lo trova

Alessandro ha detto...

Infatti dovresti cercare il comando così come l'ho scritto io, non come l'hai riportato tu ;)

Danilo Andreini ha detto...

Visto l'argomento vi segnalo il anche i pulsante di Questioner per condividere i contenuti del blog con link dofollow.
Il codice per inserirlo è disponibile a questo indirizzo: http://www.help.questioner.it/il-pulsante-condivisione-di-questioner/

Unknown ha detto...

Non lo trovo nemmeno io e sto cercando da un'ora passata. niente

Alessandro ha detto...

Da qualche mese Blogger ha cambiato le impostazioni dei template. Secondo me le ha incasinate.

Posta un commento