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

27 comments
  1. Kärt August 8, 2007 at 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. Gaurav August 14, 2007 at 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. Increase Page Rank August 15, 2007 at 5:44 AM  

    Thank's a lot!
    I love this code !

  4. Anonymous August 21, 2007 at 2:52 AM  

    Nice and easy! 1 digg!

  5. gypmaster August 21, 2007 at 9:39 AM  

    Excellent stuff, thanks.
    Dugg!!

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

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

  7. Anonymous August 21, 2007 at 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. Anonymous August 21, 2007 at 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 at 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. Gaurav August 22, 2007 at 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 at 8:27 AM  

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

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

    Oh sorry the template is son of moto.

  13. Ted August 28, 2007 at 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 at 7:15 PM  

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

  15. dave_dillman September 16, 2007 at 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 at 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 at 10:32 AM  

    I get the following error message:

    bX-hdmaag

    What am I doing wrong?

  18. Anonymous March 14, 2008 at 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 at 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. Anonymous August 18, 2008 at 9:20 AM  

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

  21. ndpthepoetress Jean Michelle Culp February 9, 2009 at 8:00 PM  

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

  22. Unknown March 18, 2009 at 7:02 AM  

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

    Anybody plz help?

  23. Vivek Gupta March 20, 2009 at 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.

  24. Ken April 26, 2009 at 2:57 AM  

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

  25. Sneha May 28, 2009 at 6:24 AM  

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

  26. Marcelo Moreira September 28, 2009 at 11:04 AM  

    Thank u very very very much!!! It's wonderful!! Do u know how can I add Twitter and Facebook bookmark?

    http://livroaberto1.blogspot.com/

  27. anas anjaria July 31, 2010 at 11:13 AM  

    Thanks a lot .. very useful

    Regards
    Anas anjaria
    PHP : Beginners Guide

Post a Comment

Subscribe to: Post Comments (Atom)