How to Add Tools to Blogger

Step 1 – Grab the AddThis script. The script allows you to activate tools on your

page and helps us learn which content to recommend. To get this code, go to the Tool Gallery and click the “Get the Code” button in the top right.

To add the code to your site, follow these steps:

1. Within Blogger, click Layout.
2. Click on any of the Add a Gadget links within the layout.
3. Choose the HTML/Javascript gadget from the list and type “AddThis” for the title.
4. Paste in the AddThis code from the dashboard into the Content section.
5. Click Save.

Now you can activate many of your AddThis tools in the Tool Gallery by clicking Setup next to the tool you want to configure. You can also start adding in-page tools, which have a button that says Get Code.

Note: If you use a separate mobile template for viewing your website on mobile devices, there are a few additional steps in order to add the code to your mobile template as well. For more information, take a look at this support document.

Adding Inline Share Buttons

In the Sidebar

1. You can add sharing buttons into the sidebar by clicking on Layout and then clicking Add a Gadget in the sidebar area.
2. Choose the HTML/Javascript gadget from the list and paste your code into the widget.

At the top of a Post

1. To do so, go to Template and then click on Edit HTML.
2. Place the button code after the <div class="post-header-line-1"> tag in the code editor.
3. You can search for it by using Ctrl+F or Command+F and pasting in the tag.
4. Click Save Template.

For this placement, you will also want to add the post.title and post.url elements to the button code.

If you’re adding the Sharing Buttons, the code would look like this:

<div class='addthis_sharing_toolbox' 
     expr:data-title='data:post.title' 
     expr:data-url='data:post.url'/>

At the bottom of a Post

1. To do so, go to Template and then click on Edit HTML.
2. Place the button code before the <div class='post-footer'> tag in the code editor.
3. You can search for it by using Ctrl+F or Command+F and pasting in the tag.
4. Click Save Template.

For this placement, you will also want to add the post.title and post.url elements to the button code.

If you’re adding the Sharing Buttons, the code would look like this:

<div class='addthis_sharing_toolbox' 
     expr:data-title='data:post.title' 
     expr:data-url='data:post.url'/>

To add in-page Related Posts widgets

Vertical Related Posts in the sidebar

1. You can add the Vertical Related Posts widget into the sidebar by clicking on Layout and then clicking to Add a Gadget in the sidebar area.
2. Choose the HTML/Javascript gadget from the list and paste your code into the widget.

Horizontal Related Posts

1. To do so, go to Template and then click on Edit HTML.
2. Place the button code before the <div class="post-footer"> tag in the code editor.
3. You can search for it by using Ctrl+F orCommand+F and pasting in the tag.
4. Click Save Template.

Tuesday, 12 February 2019