How to Install ShareThis’ Tools on Blogger

In order for ShareThis tools to work on your Blogger site, follow the steps below to add your unique ShareThis code to the <head> section of your website: 

  1. Log in or Sign up to the ShareThis Platform.
  2. Select the ShareThis tool you would like to use and activate it by clicking the Enable tool button.
  3. Select the Activate code button in the top right corner. In the pop-up, click the Copy code button.
  4. Log in to your Blogger account.
  5. In your Blogger account, from the left sidebar select Theme.
  6. Select the dropdown next to Customize and click on Edit HTML.
  7. Paste the placement code that you copied from the ShareThis platform, inside the <head> section of the code, preferable before the </head> tag (Hint: You can press CTRL+F and search for “</head>” to locate it easily).
  8. Save your changes.

Important note: you will need to replace “&product” with “&amp;product” within your unique installation <script> tag. This is because of the way Blogger handles the “&” character in the backend.

Adding Inline ShareThis Tools

Inline tools require an extra snippet of code to work on your site. If you would like to install our Inline Share Buttons, Follow Buttons, Reaction Buttons, or Social Feed tools on your website, you will need to add placement code wherever you want the tool to appear.

You can choose between:

How to add Inline ShareThis tools to your Blogger Theme using Gadgets

  1. Log in or Sign up to the ShareThis Platform.
  2. In your ShareThis Platform, select the ShareThis tool you want to use and copy the placement code. Depending on the tool you are installing, the code should look similar to this:
    <div class=”sharethis-inline-share-buttons”></div>
  3. Log in to your Blogger account.
  4. In the left-hand navigation bar, click Layout.
  5. Select Add a Gadget in the layout.
  6. Choose the HTML/Javascript gadget from the list.
  7. Paste the unique ShareThis code that you copied from step 2 into the content section of the gadget.
  8. Click Save.
  9. Move the gadget wherever you want the tools to appear.

How to add Inline ShareThis tools to a Specific Article or Post

  1. Log in or Sign up to the ShareThis Platform.
  2. In your ShareThis Platform, select the ShareThis tool you want to use and copy the placement code. Depending on the tool you are installing, the code should look similar to this: <div class="sharethis-inline-share-buttons"></div>
  3. In your Blogger account, navigate to a page or post.
  4. Select the pencil dropdown on the left of the toolbar and toggle to the HTML view.
  5. Paste the unique ShareThis code that you copied from Step 1 wherever you want the ShareThis tool to appear.
  6. Save or publish your changes.

How to add Inline ShareThis tools to your Blogger Theme

This will allow the inline tools to display by default on every new post you create on your website.

  1. Log in or Sign up to the ShareThis Platform.
  2. In your ShareThis Platform, select the ShareThis tool you want to use and copy the placement code. Depending on the tool you are installing, the code should look similar to this:<div class="sharethis-inline-share-buttons"></div>
  3. In your Blogger account, from the left sidebar select Theme.
  4. Select the dropdown next to Customize and click on Edit HTML.
  5. You can navigate to specific parts of your Theme’s HTML code using the Jump to Widget icon at the top bar, next to the preview icon.
  6. Paste the unique ShareThis code that you copied from Step 1 wherever you want the ShareThis tool to appear.
  7. Save your changes.