L'Impolitica su un piatto d'argento.

19 giu 2010

Inserire barra dei social alla fine di ogni singolo post


Per tutti quelli che volgiono inserire alla fine di ogni singolo post di blogger
dei pulsanti di condivisione sui social più conosciuti, propongo un'ottima soluzione.
Il risultato è come quello che trovi alla fine dei miei post, una sequenza di
immagini che si illuminano al passaggio del mouse.


Come inserirla:




1- Vai su Layout --> Modifica html ed espandi i modelli widget




2- Fai un backup del template


3- Cerca il tag </head> e appena prima incollaci il seguente codice di stile

/* Social Bookmarks
--------------------------------------------------- */
.title{
color: #363636;
font-family:Georgia, Times New Roman;
font-size: 20px;
font-weight: normal;
margin-bottom:5px;
}
.rsociales, .subs{
color: #666;
font-weight: normal;
font-size:0.9em;
border: 1px solid #cfcfcf;
width: 583px;
padding: 10px 10px 10px 10px;
margin-bottom:0px;
}
.rsociales ul, .connect ul, .subs ul {
display:inline;
margin-top:0pt!important;
padding:0pt !important; }
.rsociales li, .connect li, .subs li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px; }
.rsociales img, .connect img, .subs img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt; }
.rsociales-sobre { opacity:0.4; }
.rsociales-sobre:hover { opacity:1; }

4- Ora cerca il tag <data:post.body/>  e incolla subito dopo questo codice:

<a expr:href=''&quot;http://feeds.feedburner.com/TUO-NOME-FEED'&quot;' target='_blank'><img alt='Iscriviti ai feed' class='rsociales-sobre' src='http://i256.photobucket.com/albums/hh174/mozzy9/RSS-5-1.png'/></a>
<a expr:href=''&quot;http://feedburner.google.com/fb/a/mailverify?uri=TUO-NOME-FEED'&quot;' target='_blank'><img alt='Iscriviti via mail' class='rsociales-sobre' src='http://i256.photobucket.com/albums/hh174/mozzy9/EmailRSS-1-1.png'/></a>
<a expr:href=';http://www.google.com/reader/link?url= + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' target='_blank'>
<img alt='Buzz It' class='rsociales-sobre' src='http://i256.photobucket.com/albums/hh174/mozzy9/25yy8pd-1.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' class='rsociales-sobre' src='http://i256.photobucket.com/albums/hh174/mozzy9/oknotizie-1.jpg'/></a>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXkxiso3Y0CaE-hJ5vVNjQhyNLLPW0pYNKWDK5cFL00yIaGnjlHpxX5yCJISO353cQUfE9eGbQkcmKhXpNmbsH4doaBhkgNdWEZmPiajdVhYJnH-7_7XBL6mC2sfmL1YpIV5At5PPwbw0F/s1600/technorati_32.png'/></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='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnblNPf9npdrpjRk7LlBWukcpm04GNn8WDwVtfKcFsHqmz9JpjVHHTP20vZ2K8rmisDb4-Q9rTWXAGBm-EnL9xbQOb6UqNxrRzFUMol9a6cn59z_ENer2SLyTlP0DeMzmpFWeLAQIBI5i2/s1600/delicious_32.png'/></a>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnxzZDgGqf8xj864sGahrkYOfShRM6qEOyw-ivtugRAfLXAJG6VDTg_TKUsPpQJRh8ABJPQ4mgPMnst8sb4Blnzm5GPPhLRwI-Uo432Yvegbt5F6NOfq_wotTUthwx8H7PKJN2acPxRHyz/s1600/digg_32.png'/></a>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh53Jl6vugcco0cgceXl0jy0DLqPobafwjYmZdg3E82tbLjZK3UFgmfeBKY4BQpx55gb0rEC9WjYBy9yHHc3yMAX_WA6qjXcbz8hl2to0V_0vhk1zCshA8Aa-7yPPvbirpd_Ys7x5Ei-350/s1600/yahoo_32.png'/></a>
<a href='#' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGx02GA2x5BzHRsfRbkuov-dIemF3h7VFt0onSylQaKKAHj8GIjwPHTX2_gyEiZfVxfl8_ko9K2Fr4eXbGJiP6PZKlf3CFT6NsaQ9TiXf97ZeLkPZCzHFy6KvJ5APMg3j2oh-EnWiu9nCH/s1600/google_32.png'/></a>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank'><img alt='Agregar a facebook' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg03Os5i7DVcbJxP6GEWpFcZGklJr6CN_58gqEP6oN4ltpls90yrFJeM2fWeiDxIeTOA7wT_Ilb9JQge6PinWJHxWLX9ZUjMblpPLsMcNzeCt0UsrMXl3jqH6Urf4RqY49N-cIl_ZD156l8/s1600/facebook_32.png'/></a>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a twitter' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg42CSHxD3aqRJ197FMD239dH5Ep7DQn0VZuJWEYi83Z1Gs0cXAo-mD0TYGH1KR1adEXHlkPiFAWzic9rq1lB1E62_vA4rBmRQ33n_q4a5l_6LPtMp9vJtN6oCSA1AEhD4M0HIW6HTDabMm/s1600/twitter_32.png'/></a>

5- Sostituisci i tuoi link per i feed e salva



Se avete dubbi lasciatemi un commento. Se questo post vi è tornato utile allora abbonatevi al mio feed.
Etichette: , , ,