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

rgb(225, 225, 225) rgb(240, 240, 240) rgb(240, 240, 240) rgb(225, 225, 225); border-style: solid; border-width: 1px; box-sizing: border-box; color: #666666; direction: ltr; font-family: 'andale mono', 'lucida console', monospace; font-size: 13px; line-height: 18px; list-style: none; margin-bottom: 20px; outline: none; overflow-x: visible; overflow-y: hidden; padding: 3px;"><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 social media share button in blogger.