Techniqued- Technoloy, Review and Tutorials
  • Android
  • Freewares
  • Tutorial
  • Windows 11
  • macOS
No Result
View All Result
Techniqued- Technoloy, Review and Tutorials
  • Android
  • Freewares
  • Tutorial
  • Windows 11
  • macOS
No Result
View All Result
Techniqued- Technoloy, Review and Tutorials
No Result
View All Result

Create Social Bookmarks for your Blog

Nirmal by Nirmal
July 19, 2007
in Tutorial
70
Share on FacebookShare on Twitter

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

  • Mysites Advisor
  • Sizlopedia

Thanks Vikiworks for the icons and a special thanks for Gili. 🙂 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.

  • Download PNG icon set / Code for PNG icons
  • Download 48 X 48 Icons
ShareTweetSendSend
Previous Post

How to Configure Firefox Update Settings

Next Post

How to Back-Up Bookmarks in Firefox

Related Posts

Tutorial

How to Add Voice Message to WhatsApp Status

March 28, 2023
Tutorial

How to Insert an Image in Microsoft Loop

March 24, 2023
Tutorial

How to Move or Copy Email From One Gmail Account to Another

March 16, 2023
macOS

How to Enable Firewall on macOS Ventura

March 12, 2023
Tips and Tricks

How to Create a Confidential Email on Gmail

January 25, 2023
Tutorial

How to Fix “Operation Failed With Error 0x0000011B” in Windows

January 15, 2023

Comments 70

  1. Sunil Parmar says:
    16 years ago

    Hi,
    I’m already using the share this plugin by Alexking.
    The Icons you’ve used/created are amazing.
    Are they created using photoshop?

    Reply
  2. Bush Mackel says:
    16 years ago

    Gotta agree with Sunil, they look great. I wish they were PNGs though ’cause I don’t think these would work well on my very dark background.

    Reply
  3. Haris says:
    16 years ago

    Nice icons! I’m going to use them on my blog 🙂

    And thanks a lot for sharing them.

    Reply
  4. Brown Baron says:
    16 years ago

    Great looking icons buddy.

    Reply
  5. Grace says:
    16 years ago

    Love the web 2.0 effects that you put in the buttons! My favourite is the Digg button. 😀

    Reply
  6. Benedict Herold says:
    16 years ago

    The icons looks great. I personally would love to have a sqaure icon with light round corner.

    Reply
  7. Ken Xu says:
    16 years ago

    Wow! I’m Impressed! Great design. Hmmm… May be I should change my design to something else this sunday! 😀

    Reply
  8. dEEPAK says:
    16 years ago

    grr8 icons.. will use them on my blog..
    But I would like to go for smaller icons..

    Reply
  9. kuanhoong says:
    16 years ago

    Nirmal,
    Nice design, However, it is abit too big for my blog.

    Reply
  10. Vaibhav says:
    16 years ago

    Great tip man, Stumbled…
    This is a great way to increase the use of these sites… 😀

    Reply
  11. nirmaltv says:
    16 years ago

    Glad that everyone liked the icons. Thanks all for your comments.

    @Sunil,
    Its better to use these type of icons than the Share this plugin.

    @Bush,
    I’ll create the png Icons for you. 🙂

    @Benedict,
    I’ll try to make a square boundary with round edges.

    @Deepak and Kuanhoong,
    I’ll create smaller ones soon, I guess 32 X 32 will be ok for you guys.

    @Vaibhav,
    Thanks for the stumble. 🙂

    Reply
  12. ram says:
    16 years ago

    wow icons are awesome

    Reply
  13. Dj Flush says:
    16 years ago

    Ok I must say Nirmal you beat me at designing 😛

    This is bleeeeeeeeeeeeedy hell awesome I am going to use them on my blog

    You rock 😀 Stumbled

    Reply
  14. Dj Flush says:
    16 years ago

    Nirmal I just noted. There are two icons for “Digg” why Don’t you make one of “Feed” and it will look awesome 🙂

    Reply
  15. nirmaltv says:
    16 years ago

    @DJ,
    Glad that you liked it.
    Thanks for noticing that mistake. The zip file already has a subscription button. Please download the zip file and check.

    Reply
  16. dEEPAK says:
    16 years ago

    resized and added to my blog 🙂

    Reply
  17. nirmaltv says:
    16 years ago

    @Deepak,
    I saw the resized icons in your blog.
    BTW there was 2 digg icons, so I have changed the code for one to Subscribe.

    @Bush,
    I have uploaded the png Icon set and code. 🙂

    Reply
  18. dEEPAK says:
    16 years ago

    donno what 2 digg icons are you guys talking about.. May be you had updated the zip and the code before I downloaded it..
    And hey thnx for the quick update 🙂

    Reply
  19. Matt Jones says:
    16 years ago

    Great Icons, I tried to use them but there is an error. In my theme there is no “single.php”, so I pasted the code into the “single post” section and it says there is a digg error – you can see what it says exactly on my blog.

    Thanks in advance, your help is much appreciated.

    Reply
  20. Matt Jones says:
    16 years ago

    I had to remove it, the problem was something else I had done… Do you know where exactly in the “Single Page” section the code should be pasted?

    Reply
  21. nirmaltv says:
    16 years ago

    @Matt,
    Glad that you liked the icons. Single.php may vary from theme to theme, it could be sometimes index.php. Overall it means the page for a single post.
    In that file you can find something like comments_template(), which denoted the commenting section. You can place it above this section. You can customize the titles to suit your CSS.

    Do let me know if you need further help.

    Reply
  22. Rishi says:
    16 years ago

    Wow Nirmal, really cool designs. I was impressed when I saw it yesterday only! 🙂

    I’m going to apple it on my blog very soon, maybe today only! 🙂

    one thing: The code is not XHTML valid. How about making it valid?

    Reply
  23. Madhur Kapoor says:
    16 years ago

    Nice work Nirmal , the icons look beautiful

    Reply
  24. Shankar Ganesh says:
    16 years ago

    Those were pretty buttons. 🙂

    Off topic: The icons near comments are cool 😀 So you’re still on Flock! 😀

    Reply
  25. Vikram says:
    16 years ago

    Cool icons !

    Reply
  26. Kyle Eslick says:
    16 years ago

    Wow, what great icons! 😈

    Thanks for sharing this with your readers, I’m sure many will find it useful.

    On a side note, do you find that many people use them (enough to warrant having them)? I use my own version on my site, but I’ve been considering removing them as I don’t see them getting much use.

    Reply
  27. Technobuzz.net says:
    16 years ago

    Nice Icons . Thanks 🙂

    Reply
  28. nirmaltv says:
    16 years ago

    @Shankar,
    The icons near the comments are by using the plugin.
    And I didnt get what you meant by this.
    “So you’re still on Flock!”? Flock is my primary browser now. 😀

    @Kyle,
    I’m not sue whether its useful for readers or not. But the Digg one is pretty useful. And these icons are definitely useful that the Share this Plugin, thats my conclusion. 🙂

    Reply
  29. Rishi says:
    16 years ago

    I guess you may need to update the code now 🙂

    &title=">/images/SocialBookmarks/stumble.gif" border="0" alt="Stumble" />

    &title=">/images/SocialBookmarks/digg.gif" alt="Digg" border="0" />

    ">/images/SocialBookmarks/technorati.gif" alt="Technorati" border="0" />

    /feed">/images/SocialBookmarks/subscribe.gif" alt="Subscribe" border="0" />

    &title=">/images/SocialBookmarks/delicious.gif" alt="Del.icio.us" border="0" />

    Reply
  30. nirmaltv says:
    16 years ago

    @Rishi,
    Did u mean to say about the closing tag? I guess rest all are same.

    Reply
  31. Clara says:
    16 years ago

    I just saw that you have updated the code for the bookmarks which wasn’t complete when I downloaded it earlier, so well I’ve done up mine! Had changed the icons to 30×30.

    Reply
  32. nirmaltv says:
    16 years ago

    @Clara,
    There was some mistake in the code. I just found it now. I have updated the code.
    Looks good in your blog. 🙂

    Reply
  33. Arpit says:
    16 years ago

    Nirmal.. The icon are awesome.
    They look like tasty cookies 😛

    Reply
  34. Shashank says:
    16 years ago

    do we need to change only the sinlge.php or anything else also..
    i can’t get this to work..when i tried on localhost
    i am already using share this plugin do i need to deactivate it .

    BTW Great designs .

    Reply
  35. Shashank says:
    16 years ago

    Got it work …icons are live now..
    May be some i ll too design these icons…:D

    Reply
  36. nirmaltv says:
    16 years ago

    @Shashank,
    You don’t need to deactivate the Share this Plugin. Best is to add this in single.php.

    Reply
  37. Shashank says:
    16 years ago

    Ya Got it to work thanks ….

    Reply
  38. Matt Jones says:
    16 years ago

    I got it working! Thanks they look great 🙂

    Reply
  39. ForumeR says:
    16 years ago

    Unfortunately for me, i got banned from Digg, maybe of digging my own post 😀

    Reply
  40. nirmaltv says:
    16 years ago

    @Shashank and Matt,
    Glad that its working for you now. 🙂

    @ForumeR,
    I not aware that you may get banned digging your own post ❓
    You can still use these icons. 🙂

    Reply
  41. Garry Conn says:
    16 years ago

    Nice work man!

    I love em’

    Everything went perfectly on my Airplane Blog. I plan on using them on my main site immediately after I update the theme.

    Thanks again.
    Garry

    Reply
  42. Sucharith says:
    16 years ago

    Nice one Nirmal! Will try them someday… Thou feel that the Icon’s are pretty huge

    Reply
  43. nirmaltv says:
    16 years ago

    @Sucharith,
    Thanks. I have made icons in 48X 48 format also, which are smaller in size.

    Reply
  44. social bookmarks submitter says:
    16 years ago

    Hello. Look at http://socialposter.com/blog/social-bookmarks-submitter/ – this will be interesting to you, it is a program that lets you submit Links to social bookmarking websites automatically! Over 20 popular social bookmarking sites.

    Reply
  45. K-IntheHouse says:
    16 years ago

    Just noticed these icons at GarryConn and he told me that it’s you behind it! 😉

    Great work, Nirmal! I am definitely adding this to ShanKri-la.

    Reply
  46. Garry Conn says:
    16 years ago

    Nirmal is the bomb!!!

    A super huge contributor to the blogosphere and just simply put, a really cool guy to be friends with.

    Again… nice work Nirmal! We all appreciate this so much. Look at how awesome our blogs look now!

    🙂

    Best Regards,
    Garry Conn

    Reply
  47. Goldy says:
    16 years ago

    Looking at your blog and your social networking icons makes me wish I was using wordpress. Oh well… nice stuff man and really nice design.

    Reply
  48. nirmaltv says:
    16 years ago

    @K-IntheHouse,
    Glad that you liked it. 🙂

    @Garry,
    Thanks for the kind words, I’m honoured. 🙂 Glad that you liked my blog.

    @Goldy,
    Which platform are you using, I guess you can add it to all, only thing is that you need to know the url structure.

    Reply
  49. eches says:
    16 years ago

    Nice work Nirmal. I really like to icons..superb!!! :mrgreen:

    Reply
  50. Vaibhav says:
    16 years ago

    My theme doesnt have single.php file 🙁

    Reply
  51. nirmaltv says:
    16 years ago

    @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.

    Reply
  52. Keshav Khera says:
    16 years ago

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

    Reply
  53. nirmaltv says:
    16 years ago

    @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.

    Reply
  54. Heidi says:
    16 years ago

    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”/>

    Reply
  55. Val says:
    15 years ago

    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.

    Reply
  56. Floroskop says:
    15 years ago

    Hello!
    I think this try.

    Reply
  57. Val says:
    15 years ago

    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

    Reply
  58. TechnoDiary says:
    15 years ago

    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

    Reply
  59. Zath says:
    15 years ago

    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!

    Reply
  60. blog.laksha.net says:
    15 years ago

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

    Reply
  61. createmo says:
    14 years ago

    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!

    Reply
  62. Social Bookmarking says:
    14 years ago

    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.

    Reply
  63. Youth Baseball Drills says:
    14 years ago

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

    Reply
  64. Youth Baseball Drills says:
    14 years ago

    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.

    Reply
  65. Ankit says:
    14 years ago

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

    Reply
  66. mydeafdog says:
    14 years ago

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

    keep up the good work.

    Reply
  67. sandrar says:
    14 years ago

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

    Reply
  68. Brian Moore says:
    14 years ago

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

    Reply
  69. model rockets says:
    7 years ago

    This is the right web site for anyone who hopes to understand this topic.

    You know a whole lot its almost tough to argue with you (not that I personally will need to…HaHa).
    You definitely put a fresh spin on a topic that has been written about for ages.
    Wonderful stuff, just wonderful!

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.



Latest Articles

How to Add Voice Message to WhatsApp Status

How to Fix Windows Update Error 0x800f080a

5 Ways to Open Device Manager in Windows 11

How to Run CHKDSK in Windows 11

How to Insert an Image in Microsoft Loop

How to use ChatGPT on any Website

Techniqued- Technoloy, Review and Tutorials

© 2021 Techniqued - Technology, Tips, Tricks and Reviews

Navigate Site

  • About Us
  • Advertise with us
  • Contact Us
  • Copyright Policy
  • Disclaimer

Follow Us

No Result
View All Result
  • Android
  • Freewares
  • Tutorial
  • Windows 11
  • macOS

© 2021 Techniqued - Technology, Tips, Tricks and Reviews

This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.