Responsive Social Media Share Buttons for Blogger

Are you looking for a social media share button for blogger blog? In this post, I want to show you how to add a beautiful & responsive social media sharing button in blogger. This allows your readers to share your post on their favorite social media channels. In this way, you will not only increase the blog traffic, but you can also get better results in search because Google also looks at sociale media signals. 

So, it is very important to integrate an attractive social media sharing button in the blog posts. There are many sites available which provide a social button, but you may be looking for some unique social button for your blogger blog. Here, responsive social media sharing buttons which are equally good for desktop and mobile phone users. So, let’s start.

Related Posts
6 Stylish Recent Post Widgets Design for Blogger

social media share button for blogger

How to add responsive social media buttons in blogger with counter

  • Login to your blogger account
  • Go to template and then click on edit HTML
  • After the opening, your blog’s template all coding, search here for the second  <div class='post-footer'> by using Ctrl+f
  • Paste the below code just below 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-twitter"></div>
 <div class="don-share-google"></div>
 <div class="don-share-pinterest"></div>
 <div class="don-share-linkedin"></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>
</div>
<script type="text/javascript"> 
 (function() {
 var dr = document.createElement('script');
 dr.type = 'text/javascript'; dr.async = true;
 dr.src = '//share.donreach.com/buttons.js';
 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dr);
 })();
</script>

click on save template button.
To check the result, visit the blog on any single post. I hope this tutorial has helped you to install  thesocial media share button in blogger.

Let us know if you need more assistance.

Leave a Reply

Your email address will not be published. Required fields are marked *