How to Add Reaction Bar Buttons in Blogger? (Latest Trick 2022)

• You can check the audience reactions and also you can count the reactions.
• And then you can guess that how your content readability.

1. Step1: Go to your Blogger Dashboard.
2. Step2: Now Go to "Theme" option.
3. Step3: Then click on "Edit HTML" option.
4. Step4: Now click anywhere in the HTML code box and then press CTRL+F and then search <data:post.body/> and then paste the below HTML code.

   <b:if cond='data:view.isPost'>
   <div class='sharethis-inline-reaction-buttons'/>
   </b:if>

5. After that you need to add the provided below CSS code and paste above the </head> tag.

   <style>
   .sharethis-inline-reaction-buttons{display:flex;max-width:400px;padding:10px 17px;line-height:25px;background:#fffdfc;border-radius:5px;box-shadow:0 10px 25px -3px rgba(0,0,0,.1);font-size:16px;font-family:inherit;color:#08102b;text-align:center}
   .drK .sharethis-inline-reaction-buttons{box-shadow:none; background:#2d2d30}
   </style>

6. After that you need to copy the below JavaScript code and paste it above the  </body> tag.

   
   <script>
   /*<![CDATA[*//* ShareThis (LazyLoad) */ var lazyReact = false; window.addEventListener('scroll', function(){if ((document.documentElement.scrollTop != 0 && lazyReact === false) || (document.body.scrollTop != 0 && lazyReact === false)) { (function() { var ad = document.createElement('script'); ad.setAttribute('type','text/javascript'); ad.async = true; ad.src = 'https://platform-api.sharethis.com/js/sharethis.js#property=6100ee7d3b1d5d001213a440&product=inline-reaction-buttons'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyReact = true; }}, true); 
   /*]]>*/
   </script>

7. After placing the above all codes in your theme html code then you need to save the theme. That's it.

Conclusion: