Come inserire un bottone di re-tweet in Blogger per farsi ri-twittare gli articoli.

Esiste il sito TweetMeme che funziona come una specie di OKNotizie in cui gli utenti votano i tweet. Non è che devono recarsi proprio sul sito per poterlo fare; è sufficiente che clicchino su un pulsante di re-tweet che viene inserito nel blog. Vediamo come fare per inserirlo e tutte le possibili varianti da considerare.

Innanzitutto voglio mostrare i codici da inserire poi vedremo il procedimento. Questo è il codice del primo

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'username-di-twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

nel caso vogliate un bottone di questa forma    e lo vogliate in alto sulla sinistra dell’articolo.

 Se invece lo volete sulla destra sostituite left con right.

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'username-su-twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

 

nel caso desideraste un bottone di questo aspetto   e in alto a sinistra. Se lo desiderate a destra basta sostituire left con right. Ovviamente la scritta in rosso username-su-twitter va sostituita con il proprio nome utente.

Ci possono essere sostanzialmente due casi –1)Blog senza pubblicità –2)Blog con pubblicità

 

BLOG SENZA PUBBLICITA’

Andare su Layout > Modifica HTML e, dopo aver salvato il modello completo e messo il segno di spunta ad espandi modelli widget, cercare la seguente linea di codice (ho indicato solo l’inizio)

<div class='post-body entry-content

ed inserire il codice del bottone immediatamente sotto. Se questa riga non la trovate allora cercate quest’altra riga

<data:post.body/>

e incollatela subito sopra. Ecco lo screenshot relativo

Salvate il modello e tutti i post avranno un aspetto come questo

come potete verificare de visu in questo blog.

 

BLOG CON PUBBLICITA’

Siccome le righe del modello in cui si opera sono le stesse della pubblicità di Adsense e degli articoli sintetici, nel caso in cui siano state inserite una di queste personalizzazioni o entrambe bisogna procedere in modo non molto diverso quanto con maggiore attenzione. Parto dal presupposto che il bottone de retweettami deve essere attaccato al testo immediatamente sulla sinistra o sulla destra.

Andate su Layout > Modifica HTML, salvate il modello completo ed espandete i modelli widget. Cercate sempre una linea di codice di questo tipom (può essere anche più lunga ma l’inizio deve essere quello)

<div class='post-body entry-content'>

ed incollate il codice immediatamente sopra stando attenti che non vada ad interferire con il codice Adsense. Ecco lo screenshot

 

Per vedere in azione questo codice andate su un post del blog Photos and Videos. I navigatori iscritti a Twitter potranno cliccare sul bottone per re-twittare nuovamente l’articolo stavolta con il proprio nick. L’update di un articolo avrà questa forma

 

con l’abbreviazione RT che sta ad indicare un re-tweet, l’username dell’utente preceduto dal canonico @, il titolo dell’articolo con relativo ShortLink.