Code To Add Social Bookmarks Widgets Inside Blogger Post

Posted by Gaurav | 2:43 AM
, ,

Social Bookmarks is a great way to get your blog or website noticed and help increase the traffic.
So it makes very good sense to provide your visitor an easy way to bookmark your posts or web pages.

Following code can be used to add most well known social bookmark links in your post. Follow following steps to do this :


  1. Login in to Blogger Dashboard.

  2. Select "Layout" link for the blog in which you want to add bookmark links.

  3. Click on "Edit HTML" link.

  4. check "Expand Widget Templates" check box.

  5. Search for following in template.

    6. <p><data:post.body/></p>

  6. Copy the code from this file bookmarkcode.txt and paste in under following tag <p><data:post.body/></p>



This code will add bookmarks for digg,del.icio.us,furl,reddit, technorati, yahoo, newsvine, google bookmarks, bloglines, ask, windows live, slash dot and stumble upon
This will create same links as below. If you find any issue , leave a comment and I will resolve it ASAP

Note : Have tested this only on new blogger template
Related Post -> Procedure For Adding Adsense Code Inside Blogger Post

26 comments
  1. Kärt August 8, 2007 10:00 AM  

    Hi,
    i tried to paste it to my blog just like you said but Blogger gives me an error like this:
    XML error message: The reference to entity "url" must end with the ';' delimiter.
    And it doesnt work...

  2. Administrator August 14, 2007 9:04 PM  

    There was a problem in showing code in "textarea" tag . So I have moved the code to a text file . It is working now . Thanks for pointing out the issue

  3. kikiat August 15, 2007 5:44 AM  

    Thank's a lot!
    I love this code !

  4. Shandy August 21, 2007 2:52 AM  

    Nice and easy! 1 digg!

  5. gypmaster August 21, 2007 9:39 AM  

    Excellent stuff, thanks.
    Dugg!!

  6. Family Man August 21, 2007 11:38 AM  

    Awsome code, but mine all go vertical, not horizontally. Any idea as to why? Thanks!

  7. Anonymous August 21, 2007 11:38 AM  

    I'm not getting any code in your text file. I actually see the little images.

    Could you please put the code in a comment and then I will make it plain text. Thank you!

  8. uboslav@shaw.ca August 21, 2007 12:10 PM  

    Hi,
    I seem to be having troubles getting the icons to line up in a horizontal position. They just end up vertical and wasting massive page space. Could this be because I have a newer blogger template? Any help would be appreciated.
    Thanks,
    Nic

  9. Anita August 21, 2007 5:22 PM  

    This worked perfectly on my new Blogger blog. Thanks! It doesn't work on my blog that uses the old Blogger format. Is there a way to use these widgets in the old Blogger? Thanks for your help.

  10. Administrator August 22, 2007 8:18 AM  

    I tried simulating the problem of icon lining up in vertical. But wasn't able to do it. It tried with 3-4 templates but it was working perfectly with all. Can one one tell me for which templates you are getting this problem.

    Also note that I don't have access to old blogger template so can't test on that.

  11. Family Man August 22, 2007 8:27 AM  

    You can see the example at
    Http://buildtomorrow.blogspot.com

  12. Family Man August 22, 2007 8:44 AM  

    Oh sorry the template is son of moto.

  13. Ted August 28, 2007 9:38 PM  

    Thanks for the tip. This is something that I've been looking for all day.

  14. Spotlight-On WM September 12, 2007 7:15 PM  

    Wonderful - just what I was looking for and it worked the first time. THANKS!

  15. dave_dillman September 16, 2007 10:48 PM  

    Thank you for the code. It worked like a charm.

    Dave Dillman

    http://pokerskill.blogspot.com

  16. dave_dillman September 16, 2007 10:50 PM  

    Thanks for the code. Your instructions were crystal clear. It works great.

    Dave Dillman
    http://pokeskill.blogspot.com

  17. Anonymous October 6, 2007 10:32 AM  

    I get the following error message:

    bX-hdmaag

    What am I doing wrong?

  18. John March 14, 2008 3:24 AM  

    Nice tips. This what im looking for. Do u know how to change the path/ structure of the path so it will be like year/month structure?

    Thanks for the answer

  19. Anonymous May 21, 2008 8:36 PM  

    Hi, when I click the link, the message said: "This site has been disabled for violations of our Program Policies. If you feel this disabling was in error, please visit our contact page to let us know. Contact Us"

  20. Ash August 18, 2008 9:20 AM  

    Excellent stuff, thanx mate, keep us the good work buddy ;)

  21. ndpthepoetress - Jeane Michelle Culp February 9, 2009 8:00 PM  

    Thank You, thank YOU, Thank You! At last a simple code with a nice layout and Blogger friendly! Thanks!

  22. Ken April 26, 2009 2:57 AM  

    it did works for me... but its quite big though... thanks

  23. ahmad March 18, 2009 7:02 AM  

    I cant find this p data:post.body p inside the EDIT HTML

    Anybody plz help?

  24. clevergames May 28, 2009 6:24 AM  

    Thanks for the code!
    Do you have the code for facebook bookmark too?
    Luk

  25. b2bprojects March 20, 2009 3:56 AM  

    i tried to paste it to my blog just like you said and it worked in two of my blogs, the templates of which I had taken from eblogger.com. But when i paste the same code in another blog of mine, the template of which is taken from eblogtemplates.com, only the images are seen but they are not clickable. Please guide me.

  26. Ken April 26, 2009 2:57 AM  

    it did works for me... but its quite big though... thanks

Post a Comment

Subscribe to: Post Comments (Atom)