How to Install Share Buttons for Blogger

By September 25, 2019

Blogger blog-publishing service by Google allows multi-user blogs with time-stamped entries. Whether you’re publishing your passion or want to share knowledge, Blogger helps you create a platform where you can be heard. By adding share buttons, we’re also helping you grow your audience and likelihood that your content is found!

Step 1: Design your share buttons.

Head to the ShareThis design platform. Choose the social channels you want to feature and customize your buttons.

Image 2020-07-30 at 10.19.57 AM.png

Heads up! Since Blogger uses XML you’ll need to change one part of the code:


IMPORTANT NOTE

Replace “&product” within your unique installation <script> tag with &amp;product” in order for it to work properly with Blogger. (Blogger only!)

Step 2: Now within Blogger, go to Themes → Edit HTML.

Image 2020-07-30 at 11.50.55 AM.png

Step 3: Now paste your code you copied from ShareThis between the <head> tags

Step 4: After you have saved your theme, go to a page you wish to add share buttons on.

Step 5: Now go back to ShareThis’ copy code page and copy the <div> section.

Image 2020-07-30 at 11.45.15 AM.png

Step 6: Once copied, go back to Blogger and edit the HTML and add your Inline Share Buttons’ <div>

Result: