12 Add social bookmark buttons to your Blogger posts
Friday, June 29, 2007 /

An easy way for readers of your blog to bookmark pages is to add social bookmark buttons to the end of every post. My posts feature "Add-This" buttons at the end of each post, which readers can use to bookmark the post page using their favorite social bookmarking service (eg: Del.icio.us, Google Bookmarks, Technorati). Give it a try, it opens up a new window so you can easily get back to this page and read how to include this feature in your posts.




Here's how to add social bookmark buttons to the end of each post:


Visit the Add-This widget building page. Select the "Bookmarking widget". Choose the style of button you prefer, and that you want the widget to appear on a Blogger blog (the code is slightly different depending on the type of website it features on).

If you want stats of bookmarks made with your button, you'll need to create an account. This isn't nescessary to create and use the buttons, so it's up to you. You'll be presented with the code to paste into your blog template.

If you're using New Blogger (layouts), you'll need to do the following:

  1. Go to Template>Edit HTML (check the "expand widget templates" option is ticked). You should make a backup of your template before modifying the HTML by clicking on the "Download full template" link at the top of the page first.
  2. Find the line <div class='post-footer'> . You can paste the code right under this line if you prefer. I have chosen to include this in the final line of the post footer instead, beneath everything else, as you can see in the following section of code:




  3. Preview your blog to make sure the bookmark button appears as you want at the end of the posts. Then save your template.

For Bloggers who use Classic Templates, use this method instead:

  1. Go to Template>Edit HTML. You may want to back up your template before modifying the code.

  2. Find the <$BlogItemBody$> section and paste your AddThis code right after it.

  3. Save your template and enjoy your new bookmarking feature.

There are other social bookmarking widgets available for Bloggers, such as TopRanking's social bookmarks button. Personally, I prefer the Add-This option as it streamlines the image required and gives readers the option to use any bookmarking service they want.


Technorati Tags:

12 comments:

February 11, 2009 at 9:29 AM Tech Blog said...

Yea!
I've added this now,
Thanks

February 14, 2009 at 6:14 AM Suthahar MCA said...

Tks fr the code..it worked well

March 4, 2009 at 2:16 PM maxi said...

thank you so much for sharing this. really helped me!!!

again, thanks

maxi of www.healthnbeyond.com

March 20, 2009 at 9:12 AM amanhem said...

hi again
thx for this hack
i need it and this is realy helped me!!

April 14, 2009 at 9:35 AM Deathlord said...

social bookmarking is useless and cannot be of any use in blogging or in any websites.

April 17, 2009 at 4:41 AM Goysar said...

i started finding the line '<div class='post-footer'>>' in my blog blog it was not found, I have checked the 'expand the widget' check box also. So i have added the line by myself and pasted the remaining code in the html. But i ended up with an error stating.

"Invalid data reference post.url: com.google.layouts.framework.widgetview.GoogleMarkupException: No dictionary named: 'post' in: ['blog']"

Could u please fix this error.....
thanx...

May 7, 2009 at 11:12 AM social bookmarking said...

Can you tell me how to add iZeby bookmarks to my page?

June 12, 2009 at 1:18 AM
Anonymous said...

Thank you so much, it's really helpful, thank you again!!

June 18, 2009 at 5:35 PM MissDanni said...

In your iZeby profile you will see options at the bottom for ways to add iZeby. Also, you could always visit the iZeby blog to get help with customization. http://blog.izeby.com Hope that helps :)

July 15, 2009 at 5:35 AM
Anonymous said...

Forex Terminology for beginners – ONE

.....Ask (Offer) — the price of the offer, the price you buy for. Bear – If someone has a negative view of a particular currency and believes that its price will decrease, they are said to be.....
read more at: http://wbscs.blogspot.com/2009/07/forex-terminology-for-beginners-one.html

August 24, 2009 at 8:17 AM Forex-Magazin said...

Thanks a lot! With your tips I could save a lot of time :)

September 7, 2009 at 6:13 AM Eduardo Mozart de Oliveira said...

Muito obrigado! Eu estava procurando por isso a muito tempo. Muito obrigado mesmo! ^^
-
Thanks! I was searching for it a lot of times! Thanks a lot!

Post a Comment