Saturday

How to Insert AddThis Share buttons below every Post on Blogger

...

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.

...



Why Not Share This Post? It Takes Just A Second!!


Author: Edi Dominic Ifediri

Best described as a geek with a mixture of skills in drawing comics, Content-Writing, Computing and Mobile technology, this was due to his passion for Arts and Sciences since the age of 14 that he kicked off with the mobile web. He is the Founder/Chief-Editor at EdiTweaks which had almost been noticed as one of Nigeria's Best Tech blogs
You can add me on Facebook., follow my updates on Twitter or your Connections on LinkedIn
By the way, if your website/blog needs some tweaking, custom design or Optimization, you can Contact me here

Come on, hit us with a Comment. Love to hear what you think!

10 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. Very good one here. But where can i put share codes on my wordpress site?

    ReplyDelete
    Replies
    1. You can search for plugins and use them, there are many Share button plugins out there, it's very much easier to add on WordPress

      Delete


Your Comments are Welcome.
You can Use Google Account To Leave a Comment, if You don't have a Google Account, You can add only Your Name, Click COMMENT AS >> Select NAME/URL >> Put your Name, (Leave URL empty if you don't have a website) >> then Write Your Comment in the Comment box and click Publish.

If you're here to Spam, Sorry, it won't work.

Let's enjoy and have a Reasonable conversation.
Thank You.