Come Inserire i bottoni in un blog su Blogger per votare il post nei social network.

Entrate nel vostro blog, quindi andate in Personalizza e quindi Layout. Cliccate su Modifica Html, quindi mettete la spunta su Espandi modelli widget. Prima di procedere salvate il modello e, nel caso ci fossero problemi, eseguite il backup del modello che avete salvato.
Scorrete il codice del modello fino a che non trovate la riga.

<div class=”post-footer”>

Per trovarla con più facilità, digitate contemporaneamente sulla vostra tastiera la combinazione di tasti “ctrl + f”, vi apparirà una finestrella dove digitare del testo, incollate il testo che state cercando, cliccate Invio e magicamente troverete la parte di codice che state cercando.

Immediatamente dopo dovete inserire questo codice:

<div style=’float:center;’>
<BR/>
<small>Vota o condividi questo articolo</small><BR/>

<a expr:href=’&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’share su Facebook’ border=’0′ src=’http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981’/></a>

<a expr:href=’&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’Condividi su Buzz’ border=’0′ src=’http://public.blu.livefilestore.com/y1plbtZ_PlpKlOfZsBX9x4gSDQv1_GA9QUJd7DAZrTkLvA8NH8WPLU6RhwCBo8BllqOKW6DspD3ZZXNDBEJvpc0bA/google-buzz-20.png’/></a>

<a expr:href=’&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’Condividi su Reddit’ border=’0′ src=’http://public.blu.livefilestore.com/y1p1l2EVNNt5uBHtkhTfWXHXr_SLVShg2COLM34FKZyG6UNBNaZQSPxDOAySoVXKJBq93cEi8YmD3gt5rF0emJJlw/reddit-icona.gif’/></a>

<a expr:href=’&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’Condividi su MySpace’ border=’0′ src=’http://rmf0kw.blu.livefilestore.com/y1pNWs-BlfyVb_tHNm5wOeK3vJHPidRdnH3ojLiLps4ozbYK0M2uovGaI8Xhs_t_vZDyo_stDXTuS1noHivEEiN9HCCMAUmubft/myspace-icona.png’/></a>

<a expr:href=’&quot;http://oknotizie.alice.it/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’vota su OKNotizie’ border=’0′ src=’http://bp0.blogger.com/_nT13UtBmmiU/SBglFfvhhOI/AAAAAAAAATM/WZbCNHGSwt4/s400/oknotizie.gif’/></a>

<a expr:href=’&quot;http://segnalo.com/post.html.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’salva su Segnalo’ border=’0′ src=’http://bp1.blogger.com/_nT13UtBmmiU/SBglLvvhhPI/AAAAAAAAATU/3zRZKdPH68o/s400/segnalo.png’/></a>

<a expr:href=’&quot;http://www.diggita.it/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’vota su Diggita’ border=’0′ src=’http://bp0.blogger.com/_nT13UtBmmiU/SBgkpfvhhLI/AAAAAAAAAS0/OvtzCRxM_Aw/s400/diggita.gif.png’/></a>

<a expr:href=’&quot;http://www.meemi.com/static/share/?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title’ target=’_blank’><img alt=’Condividi su Meemi’ border=’0′ height=’16’ src=’http://bp3.blogger.com/_nT13UtBmmiU/SBgk8PvhhNI/AAAAAAAAATE/u9_HHw_qo1I/s400/memi.png’ width=’16’/></a>

<a expr:href=’&quot;http://www.technotizie.it/posta_ok?action=f2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’segnala su Technotizie’ border=’0′ src=’http://bp1.blogger.com/_nT13UtBmmiU/SBglpvvhhTI/AAAAAAAAAT0/di01klxj9KI/s400/technotizie.png’/></a>

<a expr:href=’&quot;http://www.wikio.it/vote?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’vota su Wikio’ border=’0′ src=’http://bp2.blogger.com/_nT13UtBmmiU/SBglw_vhhUI/AAAAAAAAAT8/SuocnsZlxLU/s400/wikio.gif’/></a>

<a expr:href=’&quot;http://fai.informazione.it/submit.aspx?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’vota su Fai Informazione’ border=’0′ src=’http://bp0.blogger.com/_nT13UtBmmiU/SBgkyfvhhMI/AAAAAAAAAS8/tHmUpzTmJqQ/s400/faiinformazione.gif’/></a>

<a expr:href=’&quot;http://www.seotribu.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’vota su SEOTribu’ border=’0′ src=’http://bp3.blogger.com/_nT13UtBmmiU/SBglSPvhhQI/AAAAAAAAATc/0lYhsDG0qTU/s400/seotribu.gif’/></a>

<a expr:href=’&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’Add To Del.icio.us’ border=’0′ src=’http://bp2.blogger.com/_nT13UtBmmiU/SBgm0_vhhWI/AAAAAAAAAUM/J-uM6hTe9aE/s400/delicious.png’/></a>

<a expr:href=’&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’Digg This’ border=’0′ src=’http://bp1.blogger.com/_nT13UtBmmiU/SBgkhvvhhKI/AAAAAAAAASs/6CoEP-07tos/s400/digg.png’/></a>

<a expr:href=’&quot;http://www.technorati.com/faves?add=&quot; + data:post.url’ target=’_blank’><img alt=’Fav This With Technorati’ border=’0′ src=’http://bp1.blogger.com/_nT13UtBmmiU/SBglYvvhhRI/AAAAAAAAATk/I3ZYt4khMq8/s400/technorati.png’/></a>

<a expr:href=’&quot;http://ziczac.it/a/segnala?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’segnala su ziczac’ border=’0′ src=’http://bp0.blogger.com/_nT13UtBmmiU/SBgl5fvhhVI/AAAAAAAAAUE/yIr2agxGTHY/s400/zzsmall.png’/></a>

<a expr:href=’&quot;http://friendfeed.com/share?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’Condividi su FriendFeed’ border=’0′ src=’http://public.blu.livefilestore.com/y1pxgcTVwsnAiVVHge1_YiR5Z3_Vbz7vl7ggpzf1_03D_4_aHXBpn3hKVNLXUjEKhvMkM_-JlI2S_eDrT9xo-mqGw/friendfeed-icona.png’/></a>

<a class=’timestamp-link’ expr:href='”http://www.stumbleupon.com/submit?url=” + data:post.url + “&amp;title=” + data:post.title’ title=’permanent link’><img style=”padding: 0; border: none;” src=”http://cdn.stumble-upon.com/images/16x16_su_3d.gif” alt=”Stumble Upon Toolbar” align=””/></a>

<a expr:href=’&quot;http://postli.com/post?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title’ style=’color:blue; text-decoration:none’ title=’Post to Postli’>post<span style=’color:orange’>&lt;</span><span style=’color:red’>li</span><span style=’color:orange’>&gt;</span></a>
</div>

Nella terza riga del codice al posto di “Vota o condividi questo articolo” potete inserire anche un’altra espressione come “Vota questo articolo” oppure “Vota articolo” o un’altra ancora.
Basta selezionare, copiare ed incollare. Adesso fate l’anteprima e se è tutto OK salvate il modello. Se qualcosa non dovesse funzionare contattatemi pure.
Mi sono ispirato ad un lavoro di Yurj risorse-blogger.blogspot.com. Ho reso le cose un pochino più semplici permettendovi di mettere i link alle favicon nelle mie cartelle invece di perdere del tempo a farlo nelle vostre. Inoltre ho aggiunto anche il bottone di Kipapa e quello di Post che dà scelte ulteriori di condivisione.
Ecco cosa appare alla fine del post

Ho messo solo dieci servizi ma se ne possono inserire quanti ne vogliamo.

Aggiornamento n°1: Ho aggiunto anche il bottone di condivisione a StumbleUpon.
Aggiornamento n°2: Per coloro che volessero visualizzare i bottoni di voto solo nei singoli post e non nella homepage, per ovvie questioni di estetica e di praticità basterà inserire il seguente codice prima e dopo quello per i bottoni di voto

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<p>

Codice dei bottoni di voto sui social network

</p>
</b:if>

Aggiornamento n°3: Ho tolto il codice per Kipapa considerato che ha chiuso il sito. Sempre pronto a reinserirlo nel caso riaprisse.
Aggiornamento n°4: Ho inserito anche il codice di condivisione su Facebook.
Aggiornamento n°5: Ho inserito anche il codice di voto per Google Buzz
Aggiornamento n° 6: Aggiunto anche il bottone di voto per Reddit
Aggiornamento n°7: Ho aggiunto anche il bottone di condivisione su Friendfeed

Add a Comment

X