Social Bookmarking Button Add To Blogger

In this tutorial you will learn how to add an Add This free social Bookmarking button to your blogger blog. By adding this feature to your blog you will enable visitors to your blog to create links to popular social bookmarking sites such as Google, Technorati, Facebook, MySpace, Digg, Stumble Upon, Reddit, Delicious, Furi, Yahoo etc. Adding personal social bookmarking enable visitors to share these links with others there by helping you attract more traffic to your site.

Add this Share Button This tutorial shows you how to place a social bookmarking button on your site by accessing a free social bookmark and feed button builder service called Add This. Add This will supply you with a simple piece of code which when placed in a widget will insert a social bookmarking button either at the end of each post or in the sidebar. If you wish you can add the social bookmarking button to both as I have done on this site. For those new to blogging don't worry if this sounds complicated as this article gives you step by step instructions suitable for any Blogger user including beginners.

                                          

Add This Social Bookmarking Options:

 

Steps for Adding a social Bookmarking Button from Add this to Your Blogger Blog.

1. Register for a free account with Add This 
Add this sign up for a Free Account Page.

2. Once you supply a username, email address, password and your website address sign up is pretty much instantaneous.

3. After sign up is confirmed click on Get your Button. This will take you to the create you Button Page.
                            
Add This create a Button Page:
4. On the create your Button page you will be asked to make some selections
about your social bookmarking button.

What Kind of Button? Select sharing / bookmarking Button.
What Look? Choose any of the six button choices. For this example I am going to select the share button.

                                               

Select Add This Share Button:

 

Where? Select on a Blog. Blogger Platfrom? Select Blogger
At this point the information  your have entered should look like the picture below:

Add This Create a Button Page:

 

Once you have confirmed that you have entered the correct information click on the Get your Code button and you will be taken to the Get your Code page.

5. Form the Get your Code page you will be given the option to preview you button. Do so if you wish or move on the Step 6. Having generated the code for your Add This Social Bookmarking Button you now need to decide where to position it on your Blog. You may either place your new social Bookmarking Button Beneath each post or in the sidebar.

Instruction for placing a social Bookmarking Button beneath each post of your Blogger Blog.

1. Click on Blog Post Button Option.
2. Highlight the javascript code supplied by Add This.
3. Copy the code to the Clipboard of your computer using Crtl + C command:
4. In a new window open your Blogger Blog and sign in.
5. Navigate to Layout > HTML
6. As a precaution Backup your template in case you inadvertently overwrite some code.
7. Once you have backup place a tick in the Expand widget Templates check box.
8. Use the Ctrl + F command to open the toolbar which will appear at the bottom of your page while using Blogger. You can close this at any time using the Ctrl + F command or by clicking on the blue cross in the left hand corner. Now highlight the following line of code and using the Ctrl + C command copy and paste code into the Search Box on the toolbar at the bottom of Blogger. This action will quickly locate the code for you in your Blogger template. You will be placing the code immediately before this tag.

9.                                                 <div class='post-footer'>

10. Return to Add This and highlight the JavaScript button code supplied. Copy the code to your clipboard using the Ctrl + C command. Reopen the Blogger window and place the cursor right before the tag that you located earlier. Paste the javascript code from Add This into the Template using the Ctrl + V command. Your Code placement should look like the picture below.
11. Code Placement for free social Bookmarking Button from Add This:
12. Click on Save Template.

Now click on view Blog from the top menu and navigate to the end of your first post. If all instruction have been followed you will now have a social bookmarking button at the bottom of each post.

Instruction For Placing a Social Bookmarking Button in a Sidebar of Your Blogger Blog.
Follow the Add This automated process by click on Add the Menu to My Blog button. This will place an Add This social bookmarking button in a widget in your sidebar as you see on this site.

This Blogger Tutorial has covered the steps involved in adding a free Add This Social Bookmarking Button to your Blogger Blog. Grow your Blogger blog today by adding a free Add This social bookmarking button which will enable visitors to bookmark your site and share your posts with others. Add This will provide statistical tracking of social bookmarking activity on your site and help you determine your most popular posts.