Social Share Widget With Counters For Blogger

Social Widgets play important role to increase traffic on blogs. Because most of visitors when like post on blog they wanted to share posts with their friends and colleagues. So today i share a social widget which consists of social networks like facebook , twitter and stumble with add counter which show it completely social media sharing button. If you add this on your blog just follow the below steps.

• Login to blogger goto on template then backup your template.
• Click on EDIT HTML and find <data:post.body/> in your blog template
• Paste the below code above the <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='right'><table border='0' cellpadding='2' cellspacing='0' width='150'><tbody>    <tr>      <td valign='top'>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></td>      <td valign='top'>   <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></td>    </tr>    <tr>      <td valign='top'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </td>      <td valign='top'><!-- AddThis Button BEGIN --><div class='addthis_toolbox addthis_default_style '><a class='addthis_counter'/></div><script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de39fde7c998f6e' type='text/javascript'/><!-- AddThis Button END --></td>    </tr>  </tbody></table></div></b:if>

• If you want that social widget move from right to left just replace right with left
• Save you template and you done :)