Script per la condivisione Facebook, Twitter, Google+ e RSS FEED per Blogger

Un bellissimo script per la condivisione

Per aggiungere questo codice clicca su Layout / Aggiungi un gadget / HTML/JavaScript

Dopo aver aggiunto il codice cambiare il link in grassetto rosso  con i propri ID. Ora salvate il widget e, infine, salvare il modello.

Il codice:

<center>
<ul id="abt-social-icons">
<li class="rss-icon"><a href="http://feeds.feedburner.com/FEEDID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVRjoXh3wqzKBMstAxxSkrwFtCNEVPST_N4bfJxADr4KvChnRmPfzEarwQ7nvs5qSTauBp3jyFZfRXmuTrJUcIr63Bpk2BZQ37BCfXRyZV344TkKylF0P8PMRk00Izb-fY1FtcO5KY4pQ/s1600/rss.png" width="147" /></a></li>
<li class="twitter-icon"><a href="http://www.twitter.com/PAGINA_TWITTER" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7KTQA2C4Lmig7zVtdt_-UZ-jSHcn-sOxjAngH0186j_8cvwP0y50-fssCyw-IDx08RzSIrjwm1zKEbxK2xYATamLLYV9a5ZO1oePFGEHEslA8kjNmLS0asTCYiY_f4_mavi8rSD_HbL0/s1600/twitter.png" width="147" /></a></li>
<li class="facebook-icon"><a href="http://www.facebook.com/PAGEID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8IhOoBOD9syKXO046l63E2330LJnmrKM4o_48xcgBxnP3j7hy4eeDvCMpM1tLkMd_sNHEicux7q1-R1CyzeyCEK-VfJXM53eiDMA2y9EwoozCYR7lLJvRvsD5DIUjimuJrmTxtNiFX6E/s1600/facebook.png" width="147" /></a></li>
<li class="google-icon"><a href="https://plus.google.com/YOURID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzSFe9Pi1Opb2WOqkx39PQurzpA3MwNv0EQkNMUjb3nc7U2j1PhxZYgNNaJF-hNLnUsgrx6WXA50ffTSxS-3VJ2ZPbs0vRJFABq2V4f2Z8ZfZ3TWhJo5QcU23kZWdFT3nde6Yws8Rp_4g/s1600/google.png" width="147" /></a></li>
</ul>
</center>
<style>
#abt-social-icons li {
 float: left;
 width: 147px;
 height: 147px;
 margin: 0 6px 6px 0;
 padding: 0 0 0 0;
 border-bottom: none;
        list-style: none;
}
#abt-social-icons li a {
 line-height: 1px;
 display: block;
}
#abt-social-icons li a:hover img {
 -webkit-opacity: 0.8;
 -moz-opacity: 0.8;
 opacity: 0.8;
}
#abt-social-icons li a span {
 display: none !important;
}
</style>