Come inserire un bottone per il Retweet su ogni post di Blogger.

Questo pulsante si basa sulle API di Topsy che è forse il miglior motore di ricerca per Twitter. Si tratta di visualizzare nella parte alta del post la icona dell'utente che ha cliccato su Retweet. In sostanza si tratta di stimolare la "vanità" dei navigatori per ottenere qualche Tweet in più. Ho messo in rete un articolo con una demo di questo pulsante

• Pulsante di Retweet di Topsy -

L'installazione si effettua direttamente sul modello. Si va su Design > Modifica HTML e si cerca la riga </head>. Subito sopra si incolla il codice

<!-- Bottone Topsy per Twitter Inizio-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://who-tweet-button.googlecode.com/files/jquery.who-tweet-button-1.0.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&#39;div.who-tweet-2&#39;).whoTweet({
nick:&#39;parsifal32&#39;
,url:&#39;&#39;
,tweet_tip:1
,animate:&#39;height&#39;
});
});
</script>
<!--Bottone Topsy per Twitter Fine - www.ideepercvomputeredinternet.com-->

dove al posto di parsifal32 inserite il nick con cui siete registrati su Twitter. Si cerca quindi la riga ]]></b:skin> e subito sopra si incolla un altro codice che ho postato su Google Documenti

• CSS per pulsante Twitter di Topsy -

Infine si cerca questa riga

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

se si ha un vecchio modello, oppure la seguente se ne abbiamo uno del Designer Modelli

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

Subito sotto si incolla il blocco

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='who-tweet-2' style='float: right; padding:4px;'>Loading..</div>
</b:if>

dove l'espressione Loading… può essere sostituita anche da un'altra. Finalmente si salva il modello. Il pulsante mostrerà gli avatar di coloro che hanno condiviso il post e comparirà solo negli articoli e non in homepage.

Fonte | More Tech Tips -