Share this post: come inserire le icone per condividere i tuoi post sui maggiori social network (Facebook, Twitter, Buzz...)

Con l'avvento di Facebook e Twitter ormai i social network fanno un pò da padrone sulle rete. Sono milioni le persone in tutto il mondo che quotidianamente ne fanno uso. Le informazioni viaggiano da un globo all'altro in pochissimo tempo e ognuno di noi in pochissimo può diventare "protagonista". Ultimamente sto vedendo che tutti cercano di sfruttare i social network per ottenere pubblicità e popolarità. In effetti al momento credo non ci sia nulla di simile e meglio per sponsorizzare un prodotto o un posto. Ovviamente anche noi webmaster possiamo approfittarne. Possiamo linkarci e possiamo fare in modo che i nostri lettori ci sponsorizzino fornendo un semplice e facile servizio di condivisione mediante il quale con un semplice click possono far apparire i nostri post sulle proprie bacheche. Inseriamo quindi nel nostro template le iconcine con i collegamenti per i più diffusi siti si social network. Credo il posto migliore sia alla fine dell'intervento, non credete?
Se scendete un secondo alla fine della pagina dovreste notare le iconcine che ho deciso di offrire. L'inserimento non è molto difficile. Accediamo a blogger e andiamo su Layout->Modifica Html. Salviamo sempre una copia del template prima di ogni modifica. Cerchiamo <data:post.body/>, in modo tale da "posizionarci" alla fine dell'intervento e incolliamo i seguenti codici in base all'icona da fornire:
FACEBOOK
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url' target='_blank' title='Condividi su Facebook'><br /> <img alt='Condividi su Facebook' src='http://i43.tinypic.com/4ruyi0.png'/><br /> </a>

TWITTER
lt;a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Tweet this!'><br /> <img alt='Tweet this!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH7uo9_9y9bXmR8jWLafl7ZRL0GZVfKmEHPGKooTxTQP8kHw_hhEV5l0o2zipksk9ItXZCjtboZYfOwG7ZyFqpkKhs3OgTpp7wm0rI6ugq8x40P0E4urYGFsfHAasYMdY-zlwCiVyeTBU/s1600/twitter.png'/><br /> <br /> </a>


STUMBLEUPON
<br /> <a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon.'><br /> <img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJNSYwNhmx-03_70jXWRohPNF2JkLzXKLxZh6r7UWtktKfd40P4H59TI9fSh2lGvy7vA_y_u4BSpUINeo5jjBnmW-YLh0YlK4CmCcq_KtmhBxQuSgk6OgsLm3FiYYq3GeMzbtxxItIZQ/s1600/stumbleupon.png'/><br /> </a>
GOOGLE BUZZ
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt="Condividi" border="'0'" src="http://i39.tinypic.com/w9wb3n.png" /></a>

DIGG THIS!
<a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg this!'><br /> <img alt='Digg This!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcfzRNFNRmrlKAD7DlYpXyYl7rwRcr3gHF7aV0U8HdAzeQI1sQGEwJ5rNppqsDKSTfrNNLidIts9jeafS2FCCGEyRO6fSrobuuG2LnNlCUXcCbHyLrdPGKH6sTKadlnYdLOUEmAEmPbSk/s1600/digg.png'/><br /> <br /> </a>

BOOKMARK ON DELICIOUS
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bookmark on Delicious.'><br /> <img alt='Bookmark on Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxcHNdIBgcXvN4lZLYD05cPDRBGbv1KE5MxRBmUgEP8Rwa9YjKqbX_nvgeVNHZ2N-r6-jJTPXQLSy4b28fe6GflLjzNxAsM2N4vabZ9HNWkLyoQpaMuHtXRWVLjIQYE9ewomh2IG-2J9o/s1600/delicious.png'/><br /> </a>

Se l'immagine usata non è di nostro gradimento possiamo sempre sostituirla andando a modificare il collegamento in img src. Su questo sito, "The Best Social Media Icons" troviamo tantissime forme diverse di icone da poter sfruttare a nostro piacimento. Cerchiamo magari di inserire prima una scritta come "Condividi questo intervento" o "Condividilo con gli amici" per cercare di invogliare il lettore a cliccare sull'iconcina.

Aggiornamento!
Come mi è stato suggerito nei commenti, in molti utilizzano nell'home page l'anteprima degli articoli, io stesso la utilizzo per snellire la pagina, e quindi per evitare che le iconcine di share appaiono lo stesso, dobbiamo inserire una piccola condizione nel nostro codice:

<b:if cond='data:blog.pageType == "item"'> Qui incolliamo il codice dell'icona share da utilizzare e alla fine scriviamo </b:if>

ARTICOLI CORRELATI

• 
  
  Utilità per il blog
• 
  
  Articoli Recenti Widget Blogger
• 
  
  Articoli Correlati Widget Blogger
• 
  
  Commenti Spam e come evitarli su Blogger
• 
  
  Tutte le nostre utilità per blog ed msn
• 
  
  Come creare e le migliori piattaforme per blog
• 
  
  Come sapere chi vista il tuo space o blog
• 
  
  Immagine utenti online
• 
  
  Controlla la grafica del blog visto da browser diversi
• 
  
  Aggiungere il proprio blog fra i motori di ricerca
• 
  
  Come sapere chi visita il tuo Space o il tuo blog
• 
  
  Inserire un'immagine
• 
  
  Bottone Collegamento Profilo Facebook per Blog
• 
  
  Bottone Collegamento Canale Youtube
• 
  
  Bottone Collegamento Msn
• 
  
  Banner Generatori Online
• 
  
  E-Mail Icon Generator - Generatori di icone-immagini di Email
• 
  
  Evita lo spam sull'email, inserendo una form contatti sul blog
• 
  
  Favicon, cosa sono, come si inseriscono e i migliori generatori web
• 
  
  Stima del valore del tuo sito o blog - $timator
• 
  
  Templates per blogger - blogspot...Una lista completa dei migliori layouts per il tuo blog

SHARE SHARE SHARE

Clo&demk

Siamo due semplici ragazzi Clo e Demk abitiamo in diverse città, ma il PC e gli interessi comuni ci legano. Ci piace la musica e i video musicali, navigare nel vasto mare d'informazioni d'internet alla ricerca di nuove mete diverse e lontane e non ci spaventano gli ostacoli...(Continua).

• 
• 
• 
• 
•