| | | |

How to Insert AddThis Share buttons below every Post on Blogger

Byadmin
In order for your blog visitors to easily Bookmark, or Share your contents with other popular websites like Facebook, Twitter, Google Plus, E-mail to friends and so many others, hence Increase Traffic and more popularity for your blog/website. Inserting this Addthis Share button Plugin/widget is one of the most powerful ways you can do this..

Addthis is one of the world’s most popular Social Bookmarking and sharing tool millions of websites use. It allows easy Sharing and Bookmarking for your visitors, the buttons are also very much customisable and you can also track your traffic and audience, so you can know who is sharing what content on your site by using its Analytics.

As we can see, I use it on this blog website. Enough of the description, let’s get to know How we can implement this great tool to every post on our Blog.
There are so many ways of inserting it into your blog, but this one works just great

1. First, go to the Addthis.com website, Choose the Style you want to use, and Click “Get This” pop up will tell you to register an Account, it’s fast and free

After registration, get and Copy your Code

Now Login to Blogger, If you want your visitors to Share your website/blog homepage, simply go to to your Dashboard >> Layout >> Design >> From your Page Elements, Select Add Gadget, then Paste the Codes and Save, then choose a designated place where you want it to be on the blog home page.


To Insert The Addthis Share Buttons to every Posts On blogger

  1. Visit AddThis.com, They will give you 2 codes to apply, the first code will be at the </head> section and the second code will be the Addthis Share button code.
    Copy the 1st Javascript code they will give you, paste it above the </head> section in your Blogger template. You can find it Using CTRL+F on your Keyboard, Find the code: </head>
  2. For the Second code, again Go to your Dashboard >> Layout >> Design >>Edit HTML
  3. Using CTRL+F on your Keyboard, Find the code: <data:post.body/> 

(i) If you want the buttons to appear below every post, Paste the Addthis Codes just below      <data:post.body/>

(ii) If you want it above your posts, then paste the Addthis Codes, before <data:post.body/>

Incase you have plenty of this “<data:post.body/>” already in your template and don’t know where to paste your Addthis codes, you can find   <div class=’post-footer-line post-footer-line-1’/>
Now paste the codes there using same instructions in (i) or (ii)
I guess you have put the codes right? Wait,  Don’t Save yet, Click Preview to see if it comes out well, if it doesn’t then I suggest you Read from instruction one again, but if it showed up as expected, you can Save your Template.
If you experience any difficulties implementing this buttons to your blog/website site, we will gladly help when you drop your questions in the comment box.

Similar Posts