Pubblicato il 20/08/09 - aggiornato il  | 1 commento :

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  image  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 image  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


 


SCREENSHOT


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


 image 


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



 



RETWEET



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




image 





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.




1 commento :

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy