Responsive Social Media Share Buttons for Blogger

May 27, 2016 widget 8 Comments 3,982 Views

Are you looking for social media share button for blogger? In this post, I want to show how to add beautiful & responsive social media sharing button in blogger. This allows your readers to share your post on their favorite social media. In this way, you not only increase the blog traffic, but you can get better rank in search result because in these Google also use the social media singles (like, share, retweet, etc.) for page rank in SERP.
So, this is very important to integrate an attractive social media sharing button in the blog posts. There are many sites available which provide the social button, but you may be looking for some unique social button for your blogger blog. So, stop your searching here, we have brought here more attractive and responsive social media sharing buttons which are equally good for desktop and mobile phone users. So, let’s start.

Related Posts
Add Author Box Below Every Post in Blogger
Random Posts Widget for Blogger Blog
6 Stylish Recent Post Widgets Design for Blogger
14+ Best Blogger Widgets for Every Blog

Live Demo

How to add responsive social media buttons in blogger with counter

• Login your blogger account
• Go template and then click on edit HTML
• After the opening, your blog’s template all coding, search here 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 any single post. I hope this tutorial have helped you to install responsive social media share button in blogger.