Social bookmark links for blog posts and web pages

This script will insert links to Digg, Furl, Spurl, Slashdot, and other social and social bookmarking places on you pages. That way your visitors can easily share a link to your pages with anyone. One click is all it takes.


An example blog post

Below this, the bookmark list is inserted with a one-line javascript tag.

Internet Explorer users get an option to bookmark the page or to make it their start page. These options are not visible to users of other browsers. Oh, of course you can just comment out or delete those services that you don't need. Directions are in the code, see below.

Also, your favorite social bookmarking service will have another link colour than the rest so you can easily see it. And of course the list adjusts itself to the available width of the page. Like this:

How to install

You need to place three snippets of code on each page where you want to use these links: Style information (CSS), a script to generate the links, and a second script to display the links.

To display the links

Right where you want the links to appear, you must insert one line of text in the source code of your pages. It's extremely simple. One line only. Like this:

<script type="text/javascript">insertBookmarkList();</script>

You can use this many times on the same page, eg. on a blog front page or category page with many stories. Each time you want to display the links, just insert the text above.

To generate the links

To generate the links you must place this script in the "head" section of your page. You only need to put this on your page once, no matter how many times you want to display the links. It has to be placed between these tags: <head> and </head>. Got that? Okay, here's the script, then. Just copy it from the box below. Make sure that you select everything before you copy.

Hint: Place your cursor in the box above and press the two keys "Ctrl" and "A" at the same time. That will select everything in the box. Then press "Ctrl" and "C" at the same time to copy. Finally, place your cursor in the "head" section of your page in a text editor (as described above) and press "Ctrl" and "V" at the same time. That's it!

If you know a little about javascript, you will know that you can also put this code in an external "javascript include file" and just link to that one from your pages. Well, go ahead. Whatever makes you happy.

To make the links look right (style/css)

In order to make the links look like the example above, you must include this piece of code in your "head" section as well. This also only needs to be included once, no matter how many times you wish to display the links. Make sure that you select everything before you copy.

If you know a little about CSS (Cascading Style Sheets) you will know that you can also put this code in your main styleheet, or any other stylesheet that you already have. Also, feel free to modify the CSS so that the links will suit the look of your site better.

That's it. Go grab it, and put it on those pages already.

How to uninstall

Remove all "style" and "script" information from your pages. Yes, it's that simple.


This tool does not phone home. It does not track anything.

Current version and upgrades

2006-05-31: Version 1.1.4 (minor code cleanup, no need to update)
2006-02-23: Version 1.1.2

To upgrade you need to visit this page, as there's no built in connection between the script and this site. This site does not know which version you are running (if any), so it is not possible to remote upgrade.

To upgrade you can simply install a new version in stead of a previous version.

Known bugs

No bugs or problems have been observed so far.

License and copyright

Script license: Creative Commons, credits appreciated (link to this page or site)

Last edited: 2006-05-31