Ask a TechLord

I really like the idea of having the Add This! button, if someone could please give me a tutorial for adding to my own blog that would be really nice !


The Add This! button is a great way to give readers a way to bookmark a post using any of the social bookmarking sites. Adding the button to your blogger blog involves editing your template directly.

First, read this post about downloading your template to your computer. Editing your template as an xml file on your computer is much more user friendly than attempting to edit it in the blogger editor. This tutorial will walk through editing the template directly on blogger, but the same steps will apply if you decide to edit the template on your computer first.

Getting the Add This! button

1. Go to http://www.adthis.com/ and click Get this button.
2. Select Sharing/Bookmark button.
3. Choose the look of the button you'd like to add.
4. Select on a blog and blogger.
5. Click Get your free button. If you are not a member yet, you will need to create an account at this point.
6. The first section, blog button, adds a page element to your blog. Use this if you want the button to appear as a gadget on your blog, but this will not add the button below your posts.
7. The second section, blog post button, gives you the necessary code to add to your template. Highlight and copy the code

Add the code to your template

1. From your blogger dashboard, select Layout.
2. Click Edit HTML.
3. Check off Expand Widget Templates.
4. Press Control and F on your keyboard to search, type in div class='post-footer', then press next.
5. You will now see the section of your template with the line you typed in step 4. Past the code from Add This! directly below that line. Make sure the code appears on it's own line, and is not on the same line.

Correct:

• div class='post footer'
• Add This code you
• copied from the website

Not correct:

• div class='post footer'Addthis code you copied from the website

or

• Addthis code you copied from the website div class='post footer'

Once you've added your code, click Save Template and you should be able to view the button immediately. One important thing to note is that the above instructions may not work on custom templates. If you search for the 'post-footer' code and don't find anything, you will need to look through the code to find the post footer code for your template.