Social networks (Social Bookmarking) in Blogger

They ask me like putting the icon of social networks or social bookmarking in each one of ours post, so that yes some of our users uses one of them, has the Link to add it to its favorites of fast form.
There is no necessity to have subscribed blog to no of these services, rather, the connections are indeed so that the user subscribes it and has at the hand your Link yes considers it of utility.

Now we are going to see like putting them:

1.Go to Template -> Edit HTML -> Tick into Expand Widget Templates

2. We looked for the following code:

<p class='post-footer-line
post-footer-line-3'/>

3. That line with the following code replaces:

<p class='post-footer-line post-footer-line-3'>

<div class='rsociales'>
Share this post with:
<ul>
<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi41HoofEYwPjKcaNORcbyBytrWh60HrxqQ-FMu0r6lE0Dp_Ii8XsDsg5prDfF3YLM1hjx3DxUQnKpHARy-svVgZ9MN_ZFZ38LhXkBgxQWW8KAKd0ujJWaqWCJ8fx_XempUjb8GZlO7BKE/s1600/technorati.gif'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicWV0tKOJjYvmoi7MHuXvUDdihGv0_aDfwbVaRW1fmKoMhngZ9bGds4VIQCp1FcYDI4uNCTPYNAwDUshzF-hjasOIrhXnTNCnzaBa5x5nSDUWQ0X84RP92HAdnFuEGa2aLQJNK5XEcFjg/s1600/delicious.gif'/></a></li>
<li><a expr:href='"http://digg.com/submit?phase=2&amp;amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiGgVtwi1XD37o2IzdCPbZeIMlxx_axnKbZNR6xORwdODGxRgwHLetPw5YiEIArQPPw6UaD5qb7BYZyoG0mJ2kHL0v2xLgD8-51q6lf_5g6FZLPC55V8oniBCDPLTzojJvkNWSk3yGUNg/s1600/digg.png'/></a></li>
<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTn0ufUDVg7_2Rul8i15Y-JtnqMnexODNypWhXbrMINQl8K58fYXgIuVBHPA5xNLCTNFtIspQCWNPa_yuwek8k2_3J-MSFP65Pn3buTTzbBKjjaeg8qvouhVVvj9H6vFxH6eLPw_7ua9M/s1600/yahoo.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSg2KQoilK8siJffx6_aOPv00XDPrXPhYFvpp-PdzSFvTtG_iGpzcVw3El-rl6GdpVf2g0Qdm7D5_czYv3ryNqImT36gVgL2XqriJNGu0XF6Q0GgDkRTSMDeHFnEH9dSJhjrFkkwxTBtI/s1600/google.gif'/></a></li>
<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2uc3b9gViPq9sL5eIoZ3RAH3LN9x7E9VAVbxln_P98Cw2DnTa88We3xNSCHFYjEKNsDUwJMVbg3iX5YtBRGFy12GuU2ZagdOhJWvlw-gRI-_JPYv8uuKAzs8-rMOzMZR2G2UZt2WAvAQ/s1600/meneame.png'/></a></li>
<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeJVjoPZ5-UQHFxQifzqwmobV-hBIflaLPfaYVlPFr8zltGDi5qhhELfmQgPPDYyfcFIqus5ozSaak9cS4m78k1IAeHRXLaaPpcSoQeyKUigH3fnUI5Y8jeyuwrRPQIm7RyiQzUFUTVt4/s1600/furl.png'/></a></li>
<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU7TQxZCHCWCtStk0_bn3qi9IZ7gz_mlmRcgydpflKwhuuGrGJIYz8-_e3MO8pSQySgzc1Ya8_W59guZ0Y139GHI4NAk-NlBQYlmQSnT906hC9dyTricktPQ-p1pkam1xmcmOwx-J9zTk/s1600/reddit.gif '/></a></li>
<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXx5TbrDa-Cz5ge-1n8ARzTqe1t0qhf6hW3YVMmc-LFrJ5x9ih5z6XL4vH_WMl5CZU_F2ArrMcKdO4ma3_LUKunRm-j7R6X5Wu7_aMnCTU_Fhi8OMQFnDgkOY84igTm9VoiqOIvGTyuME/s1600/magnolia.gif'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwV61UWO-JDfO8qVi_Gj0c19hnt-bhqoffxEpNxifnbFpQRIURrP6otBz7r0T8liBLEJ3pCBSWyPfMI-319lrbXv-rqCRO-85Lm_n8fQh6oyTtuJkMSNPZLOHXhVe-FcjYjoAMN_Kk8T8/s1600/blinklists.gif'/></a></li>
<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirvS6bVVaQ9iLVTmgl0dxziguMoXmIdezUpP9cgIYBLKZAC-y_EfcclxMuQOuLxS74JemUKbQiWOpHZKIQoBu4YUvKj9EfjGftsngiNisgUn0LlEfMQp5KVKOS-NuE88u0ybuhSfOVZ7k/s1600/blogmarks.gif'/></a></li>
</ul>
</div>

</p>

4. Now it looks for the code:

]]></b:skin>

And right above it sticks the following thing:

.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}