How to Install the ShareThis Widget on Blogger

Table of Contents

In this article, I will share tips on how to make a ShareThis widget with a floating effect in posts. Because, by installing this share widget, visitors will find it easier to share content on their social media.

Maybe many already know how to install the ShareThis widget on blogger with a floating effect in blog posts. For those of you who want to install this SharetThis widget, please follow the steps below.

How to install ShareThis widget on blogger

First, if you don't have an account on ShareThis, please register first at https://www.sharethis.com.

How to register, click the Account menu in the right corner, then an image will appear as below and click Sign up - it's free.

Then add a description of the email, password and blog address on the next page. Click the check mark in the Privacy Notice and click the GET STARTED - IT'S FREE button.

Once you are logged in on the ShareThis dashboard click the Get The Code button to verify.

Then click the copy button and paste the code in the blog editor template before the code </head> or &lt;/head&gt;&lt;!--<head/>--&gt;. If you have saved the theme.

If an error message appears when clicking the save theme button, add the code on the JavaScript ShareThis link like this.

<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5aee32b17782d000113e1528&amp;product=social-ab' async='async'></script>

If so, return to the ShareThis dashboard and click Verify. After that, the message All System go! We've verified sharethis.js in installed and the ShareThis widget is ready to use.

Then you can activate the button you want to display on the blog. Click the Share Button menu and select the style to be used. For example Sticky Share Button, then activate it from Off to On as shown below.

Here you can also set which share buttons you want to activate and some other settings easily.

Enables Reaction Buttons

If you want to activate the Reaction Buttons, you only need to select the Reaction Buttons menu, then click Inline Reaction Buttons then click the Off to On radio button.

If you have added the following HTML reaction buttons code into the template  after the <data:post.body/> bottom code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='sharethis-inline-reaction-buttons'/>
<div class='clear'/>
</b:if>

Save the template and see the results on your blog.