73D41416194E8A7C390936971FB2B74B Chira Sathi: Social Share Widget With Counters For Blogger

Wednesday, September 28, 2011

Social Share Widget With Counters For Blogger

social-share-widgetThe Social networking sites growing traffic is indirectly to webmasters themselves. the more they receive traffic the more visitors we receive when people share you content with friends and colleagues. The widget today consists of Facebook, Twitter, StumbleUpon box counters along with Addthis Counter which makes it a complete package of social media sharing buttons. To Add this widget to your blogspot blogs kindly follow the steps mentioned below.
Live Demo

Add Social Share Widget To Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Check the "Expand Widgets Templates" Box
  4. Search for <data:post.body>
  5. Just above it paste the code below,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='right'><table border='0' cellpadding='2' cellspacing='0' width='150'><tbody>
      <td valign='top'>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
      <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>
      <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'/>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de39fde7c998f6e' type='text/javascript'/>
<!-- AddThis Button END -->

If you wish to align the widget to left then replace  right with left
6. Hit Save and you are done! Let me know if you needed any help :>
Best Blogger Gadgets