How to Insert AddThis Share buttons below every Post on Blogger

Posted by Edi Dominic Ifediri On Saturday 9 comments


       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 is easy, 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 use it on this blog website. Enough of the description, let's get to know 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
  2. After registration, get and Copy your Code
  3. 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 deignated place where you  want it to be on the blog home page.
To Insert The Addthis Share Buttons to every Posts On blogger
  1. Go to your Dashboard >> Layout >> Design >>Edit HTML, tick Expand Widget
  2. 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 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.

9 comments:

  1. Quality Targeted Website Traffic. 100% Guaranteed Real Targeted Visitors. Buy website traffic, Buy traffic, and increase web site traffic.

    ReplyDelete
  2. Nice post master. What abt wordpress users na.

    ReplyDelete
  3. This very helpful post. I like your post. Thank you.

    ReplyDelete
  4. You need to see how this helped beautify my blog. I simply placed the code below my blog title, it WOWS me how good at blogging this post has made me.
    Check the effect at http://eteksolutions.blogspot.com
    Bayo.
    Nigeria.

    ReplyDelete
  5. ok Sir this one really works. But is there's any workaround to share the POST LINK instead of the WEBSITE LINK only in all that button and also having individual share count? Do you think it is possible?

    ReplyDelete
  6. @Kim, The share Button does share post link because it appears below posts, secondly, AddThis does not currently support displaying share count, if you want to display your share counts, i suggest you use ShareThis button :)

    ReplyDelete
  7. Usually I don’t read article on blogs, however I wish to say that this write-up very pressured me to try and do so! Your writing taste has been surprised me. Thank you, quite great article.
    website design

    ReplyDelete

Hey Say something, Don't just Read and walk away, your Comments are appreciated Here.
NOTE : DON'T BOTHER TELLING US TO VISIT YOUR WEB PAGE, COMMENTS WITH SPAM WILL NOT BE DISPLAYED