HOWTO: How to add buttons for del.icio.us, Digg, Reddit, Blinklist and Furl to Each Blogger Post
by CMB
on 1/28/2007 at 1/28/2007 09:31:00 PM.


del.icio.us, Digg, Reddit, Blinklist and Furl are so called 'social bookmarking' sites, and are a popular way in which many people store and categorise their online bookmarks.
By a variety of different methods each of these sites can then show you other links you may find interesting and begin to build communities of likeminded individuals, as well as functioning as an online bookmark repository. I have seen a couple of blogs lately with 'easy-add' buttons on each post to allow single click addition of posts to any of these social bookmarking sites. I think this is a great idea but couldn't find any explicit instructions for Blogger, so here is what I cobbled together
Step 1: Download each of the icons and re-upload them on your own hosting:





Step 2: Edit your Blogger template, paste in the following code where you want the buttons to appear (with [IMAGE_LOCATION] changed to the URL of the place you stored the images):
Step 3: That's it!
I don't know if these buttons will ever get any use, but I'll leave them there for a trial period
By a variety of different methods each of these sites can then show you other links you may find interesting and begin to build communities of likeminded individuals, as well as functioning as an online bookmark repository. I have seen a couple of blogs lately with 'easy-add' buttons on each post to allow single click addition of posts to any of these social bookmarking sites. I think this is a great idea but couldn't find any explicit instructions for Blogger, so here is what I cobbled together
Step 1: Download each of the icons and re-upload them on your own hosting:
Step 2: Edit your Blogger template, paste in the following code where you want the buttons to appear (with [IMAGE_LOCATION] changed to the URL of the place you stored the images):
<center>Save this post<br>
<a href="http://digg.com/submit?phase=2&URL=<$BlogItemPermalinkUrl$>"><img src="[IMAGE_LOCATION]/digg.gif" alt="Digg it"></a>
<a href="http://blinklist.com/index.php?Action=Blink/addblink.php&Description=<$BlogItemTitle$>&URL=<$BlogItemPermalinkUrl$>"><img src="[IMAGE_LOCATION]/blinklist.gif" alt="Blinklist"></a>
<a href="http://furl.net/storeIt.jsp?t=<$BlogItemTitle$>&u=<$BlogItemPermalinkUrl$>"><img src="[IMAGE_LOCATION]/furl.gif" alt="Furl">
<a href="http://reddit.com/submit?url=<$BlogItemPermalinkUrl$>&title=<$BlogItemTitle$>"><img src="[IMAGE_LOCATION]/reddit.gif" alt="Reddit">
<a href="http://del.icio.us/post?url=<$BlogItemPermalinkUrl$>&title=<$BlogItemTitle$>"><img src="[IMAGE_LOCATION]/delicious.gif" alt="del.icio.us"></center>
Step 3: That's it!
I don't know if these buttons will ever get any use, but I'll leave them there for a trial period
Labels: digg, furl, howto, technorati, web2.0