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 == "item"'>
<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--> e <!--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:
scusa ma nel mio codice html il comando:
"data:post.body/>"
non lo trova
Infatti dovresti cercare il comando così come l'ho scritto io, non come l'hai riportato tu ;)
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/
Non lo trovo nemmeno io e sto cercando da un'ora passata. niente
Da qualche mese Blogger ha cambiato le impostazioni dei template. Secondo me le ha incasinate.
Posta un commento