Social Sharing Widget with Counter for Blogger

If you run a blog or website of any kind, chances are you’re always trying to encourage more people to talk about and share your pages and posts through a variety of channels, including social media and e-mail. For many sites, adding social sharing buttons is a simple and effective way to quickly boost page views and sharing stats. 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.

Why to Add Social Sharing Widget to Blogger?

As a blogger, webmaster, SEO enthusiast or ethical social network lover, we cannot forget or neglect social media. Social media play a role, sometimes as a traffic provider and other times as a factor to change the search engine rank position. Any website or blog even authority blogs like Mashable and Techcrunch can not increase the online presence without using social media properly. In the first few months, TechCrunch did not use social media. So Pete Cashmore was able to make his blog the most popular blog beyond Techcrunch. One popular secret of a successful website is using the social media properly to increase the traffic and sales. So guys we should need to social sharing widget in footer of every post, if you want to be a famous blogger and want to increase Page Rank and Increase Alexa Rank.

A word of free advice: the following guide will make much more sense to you if you have some HTML and CSS know-how. This is not a requirement, though, in any way. And we shall make sure that you don’t face any problem getting these buttons on your Blogger blog by making this guide as newbie friendly as possible. Let’s start adding Social sharing widget to blogger. Follow below tutorial.

How To Add Social Sharing Widget To Blogger?

• Go To Blogger > Design > Edit HTML
• Backup your template
• Check the “Expand Widgets Templates” Box
• Search for <data:post.body>
• 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.

• Hit Save and you are done.

If you want to add another social sharing widget in your blog then you can also check our another social sharing widget. Check from below list.

1. How To Add CSS Social Sharing Widget to Blogger?
2. Below Post Footer / Below Post Title Social Sharing Widget
3. Below Post Responsive Social Sharing Buttons For Blogger

Conclusion:

So above guide is about How To Add Social Sharing Widget with Counter to Blogger? We hope by this complete guide you can easily add this social sharing widget in your blogspot. If anyhow problem persist after following all steps carefully, then drop a comment below. We will help you out of sure. Don’t forget to give feedback. Do share. Thank You.