May 30, 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>
    <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 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 :>

You will also like these social share widgets,





If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

9 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Hey not --> it should be
    but i'm nt sure k??

    regards
    J,M,Gazzaly
    http://hack-erz.blogspot.com

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Hi, i wanted to have a bookmark and share widget in my blog.
    I didn't liked your previous round widget. Do you have another one?
    http://2earncash-online.blogspot.com

    ReplyDelete
  4. I want to place it below the post body. How can I do that?I want to place it below the post body. How can I do that?

    ReplyDelete
  5. i have added it to below my blog post, yuo can see it at www.trueinternetworld.com

    ReplyDelete
  6. I want just same script for my website. It is not a blog so what should be done?

    ReplyDelete
  7. great to see this thankyou helped me a lot,
    regards pnr status

    ReplyDelete