Advertisements


Social bookmarking sites needs no introduction, they are always important to share and save your bookmarks. We keep on discovering lots of new sites daily and social bookmarks helps us to keep track of all the sites we come across. The most common and frequently used ones are;

  • Stumble Upon
  • Digg
  • Technorati
  • Del.icio.us

Have a look at the new social bookmarks I have implemented in my blog.
Image

Steps to add this bookmarks to your blog posts;

  • Download the file Social Bookmarks.
  • Go to your themes images folder [wp-content->Themes->your theme->images]. Unzip the files in this folder. This will create folder named “SocialBookmarks” inside images folder.
  • Download the text file for bookmarks code.
  • Open your theme editor and select single.php file. Copy the code from the text file and paste it in the location where you want to show the icons, ideally just above the comments section.
  • You can add suitable header like “Share this post” just above this code, based on your CSS.
  • Save the file and you are done with Social bookmarks.

NB: The icon size is currently 64 X 64 pixels, If you need it in smaller sizes, please drop a comment. If you face any problem installing the code, please do contact me.

Other guides to create social bookmarks

Thanks Vikiworks for the icons and a special thanks for Gili. :smile: If you liked this, please share this post by a digg or stumble upon.

Update: As per the requests of readers, I have made the icons with lesser size (48 X 48) and also png. Also there was 2 digg buttons in the code, so I have made one to subscribe button. Please download the latest code.

Written By Nirmal

Nirmal is a Technology Blogger and a Microsoft MVP in Windows. Nirmal is also the editor-in-chief and owner of Life Rocks 2.0. He can be contacted at nirmal@nirmaltv.com. You can also follow him on Twitter @nirmaltv

SHARE THIS
ARTICLE
digg_32  stumbleupon_32  twitter_32  facebook_32  delicious_32
friendfeed_32  reddit_32  technorati_32  yahoobuzz_32  rss_32

69 Responses to “Create Social Bookmarks for your Blog”

  1. Vaibhav says:

    My theme doesnt have single.php file :sad:

  2. nirmaltv says:

    @Vaibhav,
    Every theme has single.php, may be your theme has a different name for it. It basically means the page which displays your full story of a post.

  3. Keshav Khera says:

    how can i use these buttons for my blog at blogger?

  4. nirmaltv says:

    @Kashav,
    You may need to add this code where you need to show these icons. It has been long since I shifted from blogger, so I don’t remember the code exactly.

  5. Heidi says:

    Great Social Bookmarks!

    Here is a tip to add for your code. I wanted to mouseover the images and have text show up to say what they are. (For those that haven’t quite memorized everyone’s logo.) An easy way to do this is to add TITLE=”Name” in each img src. It works great. I have it running on my sister’s blog http://www.conniebensen.com

    i.e.
    &title=”>/images/SocialBookmarks/stumble.gif” border=”0″ alt=”Stumble” TITLE=”Stumbleupon”/>

  6. Val says:

    Have a look at http://www.entopica.com/, a new social bookmarking web site
    Entopica is an online system that allows you to easily access, categorize, share and store your bookmarks online.
    It is free to join and registration is both quick and easy.
    Discover a whole new world of social bookmarking. It is user friendly and easy to use.

  7. Floroskop says:

    Hello!
    I think this try.

  8. Val says:

    Take a look at http://www.entopica.com/, a new social bookmarking website
    It is an online system that allows you to easily access, categorize, share and store your bookmarks online
    Entopica offers a free registration and it is both quick and easy. Register now and discover a whole new world of social bookmarking

  9. TechnoDiary says:

    This is exactly what I was looking for, few days back. These icons give a great web2.0ish look. Stumbleupon’s logo is the best. Thanks a lot.

    ~Sahil

  10. Zath says:

    Those icons like really great, very clean, crisp and Web 2.0-like. I’ve only just implemented the AddThis bookmarking system onmy site to replace Sociable – my current direction is that of keeping my post apges as minimal as possible, but when I next decide to change, I may have to look at these.

    Cheers!

  11. Thank you so much for sharing. I am going to use this on my blog as well.

  12. createmo says:

    Thank you for your site ;)
    I made with photoshop backgrounds for youtube, myspace and ect..
    my backgrounds:http://tinyurl.com/5assk2
    Hope you had a good day and thank you again!

  13. Add to addfrom.com this site helps you to another site that has spread more easily in networks of social bookmarks
    with only a single button you have a large list of sites to add more easily and thus spare more space for you to visit this site and see how aid increase its circulation and its visits
    Social Bookmarking List.

  14. Nice tips.I have used these icons but but in this fantastic style. I m going to put there stylish buttons.

  15. Nice information. I have putted these button but they don’t looks like this. So now i m going to put these stylish button.
    Thanks.

  16. Ankit says:

    Please tell me that you can provide a similar things for poor blokes blogging on blogger.com!!!
    I will sure be glad:-)

  17. mydeafdog says:

    Nice work nirmaltv it’s really great to see people sharing their hard work for free

    keep up the good work.

  18. sandrar says:

    Hi! I was surfing and found your blog post… nice! I love your blog. :) Cheers! Sandra. R.

  19. Brian Moore says:

    Super-Duper site! I am loving it!! Will come back again – taking your feeds too now, Thanks.

Leave a Reply