Add Addthis Button in Blogger

Posted In Blogger, Blogger Hacks - By Piyush Dungrani On Sunday, November 15th, 2009 With 0 Comments

You might have seen in so many blogs and websites the Addthis Button as shown in below image, you also can Add Addthis Button in Blogger by follow some very easy steps.

 Add Addthis Button in Blogger

Put the Code given below to Add Addthis Button in your Blogspot Blog.


If you’d like to place the button in your blog’s sidebar, follow these instructions. Installing this button will automatically position the button in your sidebar (typically in the top right hand corner of your page). By installing it once, it will appear on all your pages.

blogger thumb 7 Add Addthis Button in Blogger

Step 1

Click the Install to Sidebar button on AddThis.

blogger thumb 8 Add Addthis Button in Blogger

Step 2

Click Add Widget, and you’re done!


Blog Post Button

If you’d like to place the button below each one of your posts, follow these instructions. Installing this button will automatically put the button below each individual blog. This is the most popular implementation of the button for Blogger.

blogger thumb 1 Add Addthis Button in Blogger

Step 1

Log into Blogger and select the blog you want to add AddThis to. Select Layout > Edit HTML. These controls look like tabs, and they’re located at the top of the page.

blogger thumb 2 Add Addthis Button in Blogger

Step 2

Check the Expand Widget Templates checkbox. This checkbox is located in the top right corner of the page, above the code. By clicking the checkbox, the code in the field below will refresh.

blogger thumb 3 Add Addthis Button in Blogger

Step 3

Copy and paste the AddThis code snippet into the template, right after the

tag.

Note: If you have trouble finding this DIV, try copying and pasting the blogger code into a text file editing program and do a search for ‘post-footer’. Once you located it, copy and paste the AddThis button code below the DIV. Then copy the entire text file and replace the code on blogger.

blogger thumb 4 Add Addthis Button in Blogger

Step 4

Click Save Template, and you’re done! A new page will load along with a confirmation at the top of the page should appear that reads, “Your changes have been saved. View blog.” Click View Blog to preview your blog with the new AddThis button. The button should appear beneath each blog post.

Thanks to:http://www.addthis.com/

Incoming search terms:

addthis blogger every post, modele addthis blogger, how to addthis to a blogspot, how to add button blogger, how to add addthis button, bloger button in www, addthis_button_preferred, addthis post templates, addthis on blogspot, addthis button code in blogger, pçace follow button in blogspot

About - A techie by profession (software engineer) and a part time blogger by choice with immense knowledge of SEO, also writes articles on Google, Microsoft, Apple, iPhone, Internet, Blogger, Social Media and windows. Catch him on Twitter, Join Facebook Fan Page. Subscribe to GeekBlogger feed via RSS or EMAIL to receive instant updates.

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>