Add social networking/bookmarking sharing widget for your blog/blogspot (Birds Shape)

Social bookmarking is the one of the main part in traffic building.You can build backlinks also.You can easily share your content with those sites by using this widget.So it is very important to add social bookmaking widget to your sie.Let's see how to do it.

                   

It's look nice.Isn't it???


Backup your template before start this


First log in to your blogger account
Then go to Design>>>Edit/html
Press ctrl+f and search for ]]></b:skin>
Now paste the belo code just above it

/*------------ www.tech-cave.com--------------*/
.Fadein img 
{filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;border:0;
}
.Fadein:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

After that press ctrl+f again and search for <data:post.body/> code.
After <data:post.body/> code paste this code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><br/><br/> 
<a class='Fadein' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOa9NaCk9Dp08wwOkZfsHYtf_EDuVn4rci85itHibopZV6cZQ59Ut6eyUExApgQx5N0oIJeBvQAeZHd5ToRbN-Oq2nu5mOqvBuoscBbIbiY1BDt1KWfD-_he0Cf7F2qGyqGzVdGu5JQOQD/s1600/stumbleupon.png ' width='64px'/></a> 
<!--DIGG--> 
<a class='Fadein' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYtRjUxbB0EH1CDftUjKccD-mRTMBcNHE1NAjvRogmUgy_6gbQR5yN5YSKDqx0Q7_ib-cMCdifUzKMtf7NXBAW62mxic39wFgAT-JWpuPO-4KoIDdoxOpUJGAp3-mdGlFAPimIkSyhAIrk/s1600/digg.png ' width='80px'/></a> 
<!--Stumble--> 
<a class='Fadein' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2cfrIctbLECqoYLGP3w17In5mFehujxGBjzL5XClqpNMvNbTC8O_gDMmOxDeNKVn_o703_QPai70GqvBp7gTtLU3Uuy9nC_pkmQLaxXdVKFMMnlS3AAilrpP6B_xc1Up2HMYuoNzXL3RJ/s1600/stumble.png' width='100px'/></a> 

<!--Facebook--> 
<a class='Fadein' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvx88RI_rgg2M8d0BiYa2CT-GgBRhz1i5pssoXFqXuDzEkaPrCmCL927jVczNDw5YQ0yUaKP412mQQcg0hn7ITHgwmpneWjdRfIaxUhXwVSc5L2eNTpHN9B9dMbcUt_nF5-NstLOpsbKe2/s1600/facebook+bird.png ' width='80px'/></a> 
<!-- Twitter --> 
<a class='Fadein' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuASlZhyiiuU9RH4sPPmdCX1QVktFI7TvNzoiMHDDFNdKVJ5EXsC9_YqxtSR4VnKlOqprfnqc46tEXBWbMl_rU3VGQxH_DIBu6UGeCLVIW7nyNmZDU29ZfXwG_4-WWO5KyApkOTq5PVd7-/s1600/twitter.png' width='64px'/></a></center>

</b:if>
<p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:#D3D3D3;" href="

http://www.tech-cave.com/2012/01/add-social-networkingbookmarking_15.html

">Get This</a></p>

Save your template .It is finish now.


If you think it is good don't forget to share it with your friends.

Posted in: