Create Social Bookmarks for your Blog
ADVERTISEMENTSSocial 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.
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. 
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
Share & Enjoy
Jul 19th, 2007 at 12:51 am
Hi,
I’m already using the share this plugin by Alexking.
The Icons you’ve used/created are amazing.
Are they created using photoshop?
Jul 19th, 2007 at 1:13 am
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.
Jul 19th, 2007 at 2:03 am
Nice icons! I’m going to use them on my blog
And thanks a lot for sharing them.
Jul 19th, 2007 at 2:55 am
Great looking icons buddy.
Jul 19th, 2007 at 3:25 am
Love the web 2.0 effects that you put in the buttons! My favourite is the Digg button.
Jul 19th, 2007 at 4:12 am
The icons looks great. I personally would love to have a sqaure icon with light round corner.
Jul 19th, 2007 at 4:16 am
Wow! I’m Impressed! Great design. Hmmm… May be I should change my design to something else this sunday!
Jul 19th, 2007 at 5:54 am
grr8 icons.. will use them on my blog..
But I would like to go for smaller icons..
Jul 19th, 2007 at 7:14 am
Nirmal,
Nice design, However, it is abit too big for my blog.
Jul 19th, 2007 at 8:28 am
Great tip man, Stumbled…
This is a great way to increase the use of these sites…
Jul 19th, 2007 at 9:43 am
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.
Jul 19th, 2007 at 9:50 am
wow icons are awesome
Jul 19th, 2007 at 10:58 am
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
Jul 19th, 2007 at 11:00 am
Nirmal I just noted. There are two icons for “Digg” why Don’t you make one of “Feed” and it will look awesome
Jul 19th, 2007 at 11:24 am
@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.
Jul 19th, 2007 at 11:34 am
resized and added to my blog
Jul 19th, 2007 at 12:13 pm
@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.
Jul 19th, 2007 at 12:50 pm
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
Jul 19th, 2007 at 2:04 pm
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.
Jul 19th, 2007 at 2:32 pm
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?
Jul 19th, 2007 at 3:00 pm
@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.
Jul 19th, 2007 at 5:28 pm
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?
Jul 19th, 2007 at 5:28 pm
Nice work Nirmal , the icons look beautiful
Jul 19th, 2007 at 7:35 pm
Those were pretty buttons.
Off topic: The icons near comments are cool
So you’re still on Flock! 
Jul 19th, 2007 at 9:06 pm
Cool icons !
Jul 19th, 2007 at 9:12 pm
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.
Jul 19th, 2007 at 9:52 pm
Nice Icons . Thanks
Jul 19th, 2007 at 9:54 pm
@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.
Jul 19th, 2007 at 10:05 pm
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″ />
Jul 19th, 2007 at 10:18 pm
@Rishi,
Did u mean to say about the closing tag? I guess rest all are same.
Jul 19th, 2007 at 10:35 pm
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.
Jul 19th, 2007 at 11:13 pm
@Clara,
There was some mistake in the code. I just found it now. I have updated the code.
Looks good in your blog.
Jul 20th, 2007 at 7:48 am
Nirmal.. The icon are awesome.
They look like tasty cookies
Jul 20th, 2007 at 10:23 am
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 .
Jul 20th, 2007 at 10:46 am
Got it work …icons are live now..
May be some i ll too design these icons…:D
Jul 20th, 2007 at 11:31 am
@Shashank,
You don’t need to deactivate the Share this Plugin. Best is to add this in single.php.
Jul 20th, 2007 at 2:30 pm
Ya Got it to work thanks ….
Jul 20th, 2007 at 5:47 pm
I got it working! Thanks they look great
Jul 21st, 2007 at 2:46 am
Unfortunately for me, i got banned from Digg, maybe of digging my own post
Jul 21st, 2007 at 6:35 pm
@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.
Jul 23rd, 2007 at 1:13 pm
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
Jul 26th, 2007 at 8:30 pm
Nice one Nirmal! Will try them someday… Thou feel that the Icon’s are pretty huge
Jul 26th, 2007 at 8:55 pm
@Sucharith,
Thanks. I have made icons in 48X 48 format also, which are smaller in size.
Jul 28th, 2007 at 10:26 am
Hello. Look at http://socialposter.com/blog/s.....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.
Aug 1st, 2007 at 11:22 pm
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.
Aug 2nd, 2007 at 6:45 am
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
Aug 2nd, 2007 at 9:14 am
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.
Aug 2nd, 2007 at 9:54 am
@K-IntheHouse,
Glad that you liked it.
@Garry,
Glad that you liked my blog.
Thanks for the kind words, I’m honoured.
@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.
Aug 24th, 2007 at 1:21 pm
Nice work Nirmal. I really like to icons..superb!!!
Aug 28th, 2007 at 11:24 am
My theme doesnt have single.php file
Aug 30th, 2007 at 12:35 pm
@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.
Sep 17th, 2007 at 3:39 pm
how can i use these buttons for my blog at blogger?
Sep 17th, 2007 at 5:17 pm
@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.
Sep 24th, 2007 at 9:09 am
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”/>
Mar 8th, 2008 at 11:28 am
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.
Mar 19th, 2008 at 8:37 pm
Hello!
I think this try.
Mar 24th, 2008 at 8:53 am
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
Jun 14th, 2008 at 2:04 am
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
Jul 6th, 2008 at 5:45 am
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!
Aug 2nd, 2008 at 4:55 pm
Thank you so much for sharing. I am going to use this on my blog as well.
Trackbacks to this post
Jul 21st, 2007 at 11:19 pm