Responsive Blogger Social Sharing Buttons with Counter

Here is most wanted widget, “Responsive Social Sharing Buttons with Counter for Blogger” which you can add on footer or above of Blogger Posts. This allows your readers to share your blog post on social networking sites. We know very well if anybody share our blog post then we get free traffic by the shares and in this way, you are not increasing your blog traffic, also you can get better rank in Google Search Result because Google depends upon social media signal (Retweet, Like, Share, etc.) for the page rank in SERP.

Social sharing widget with counter for blogger blog

It is very necessary to add a social sharing buttons to the every blog post. So, today I’m going to share this social sharing widget for blogger blogs which includes Counter facility and also this is fully responsive. You can found hundreds of social media buttons on  the web but you may be looking for some unique social media sharing buttons for your blogger blog. So, stop googling because your search ends here, We are here with good and attractive social media share buttons for your blogger blog. You can view Live demo of this widget from the Below Demo Button.

Live Demo

Other Social Sharing Widgets

  1. Social Sharing Widget with Counter for Blogger
  2. How To Add CSS Social Sharing Widget to Blogger?
  3. Below Post Title or Post Footer Social Sharing Widget
  4. Below Post Responsive Social Sharing Buttons For Blogger

Qualities Of This Sharing Widget

  1. Fully Responsive.
  2. Fast Loading.
  3. Sharing Counter.

How To Add Social Sharing Buttons to Blogger?

  • Go to Blogger Dashboard.
  • Template >> Edit HTML.
  • After opening your Blog Template Search for below code by pressing CTRL+F.

<div class=’post-footer’>

  • Now Paste Below Code just Below of it.

 <div class=”don-share” data-bubbles=”top” data-limit=”4″>
 <div class=”don-share-total”></div>
 <div class=”don-share-facebook”></div>
 <div class=”don-share-google”></div>
 <div class=”don-share-pinterest”></div>
 <div class=”don-share-linkedin”></div>
 <div class=”don-share-twitter”></div>
 <div class=”don-share-tumblr”></div>
 <div class=”don-share-stumbleupon”></div>
 <div class=”don-share-reddit”></div>
 <div class=”don-share-hackernews”></div>
 <div class=”don-share-buffer”></div>
 <div class=”don-share-xing”></div>
 <div class=”don-share-pocket”></div>
 <div class=”don-share-fancy”></div>
 <div class=”don-share-yummly”></div>
 <div class=”don-share-scoopit”></div>
 <div class=”don-share-weibo”></div>
 <div class=”don-share-vk”></div>
 <div class=”don-share-mailru”></div>
 <div class=”don-share-odnoklassniki”></div>
 <div class=”don-share-hatena”></div>
<script type=”text/javascript”>
 (function() {
 var dr = document.createElement(‘script’);
 dr.type = ‘text/javascript’; dr.async = true;
 dr.src = ‘//’;
 (document.getElementsByTagName(‘head’)[0] || document.getElementsByTagName(‘body’)[0]).appendChild(dr);

  • Note : You may find this code more than one time but you have to paste above code to the below of second.
  • Now Save your Template.
  • To check the result open any single post of your blogger blog.


So above guide is about How To Add Responsive Social Media Sharing Buttons with Counter to Blogger Posts? We hope this tutorial helps you in installing this widget in your blogger blog. If anyhow problem persist after following all steps then drop a comment below. We will help you out of sure. Thank you.
Paramjot Singh

Hey, How you all are? Myself Paramjot Singh, A young (Not Old :P) addicted Blogger from Lucknow, India who want to learn Aha to Shit of the Blogging. I'm blogging since 2 years, and here on My Blogger Guides, I'm sharing my little mind knowledge which I learned in these past two years. :)

Click Here to Leave a Comment Below 0 comments