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.

Imagine that: Anyone! You will get popular! All the kids will love you! And your mom too!

Example
How to install

How to uninstall
Privacy
Current version and upgrades

Known bugs
License and copyright
Similar tools

Example

Yay! Here are those über-cool links that sit at the bottom of your posts so that your readers can share your stories. And they're all here: Del.icio.us, Digg, Furl, Spurl, and then some!

An example blog post

Below this, the full bookmark list is inserted with a one-line javascript tag. So, let's see how it looks. The links below are "live", and they work.

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:

Isn't that sweet? Okay, I made the script, so I think it's cool like that. Your mileage may vary, of course.

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.

// ------------------------------------------ //
 // To leave out a bookmark service just       //
 // comment out the relevant line below. You   //
 // do that by putting two slashes ("//") to   //
 // the left of "$theButtonList".              //
 //                                            //
 // For an example, look for the entry called  //
 // "Threadwatch" (this one will not be shown  //
 // unless you remove the slashes "//" to the  //
 // left of "$theButtonList".                  //
 //                                            //
 // You may also just delete the full two      //
 // lines for each service you don't need.     //
 //                                            //
 // Enjoy.                                     //
 // ------------------------------------------ //

// define common stuff
    $theMessage = "Submit this to:";
    $theURL = encodeURIComponent(location.href); // location.href;
    $theTitle = encodeURIComponent(document.title) // document.title;
    $theDescription = "please write something here";

if(window.getSelection)
    {
        $theDescription = encodeURIComponent(window.getSelection());
    }
    else if (document.getSelection)
    {
        $theDescription = encodeURIComponent(document.getSelection());
    }
    else if (document.selection && document.selection.createRange)
    {
        txt = document.selection.createRange().text;
        $theDescription = encodeURIComponent(txt);
    }
    else if(document.selection)
    {
        txt=document.selection.createRange().text;
        $theDescription = encodeURIComponent(txt);
    }

//button list begin
    var $theButtonList = '<p><strong>' + $theMessage + '</strong></p>';
    $theButtonList += '<ul class="theBookmarkButtons">';

// ask jeeves
    $theButtonList += '<li><a href="http:\/\/myjeeves.ask.com\/mysearch\/BookmarkIt?v=1.2&t=webpages&title=' + $theTitle + '&url=' + $theURL + '">AskJeeves<\/a><\/li> ';
 // blinklist
    $theButtonList += '<li><a href="http:\/\/www.blinklist.com\/index.php?Action=Blink\/addblink.php&Description=' + $theDescription + '&Url=' + $theURL + '&title=' + $theTitle + '">Blinklist<\/a><\/li> ';
 // blogger
    $theButtonList += '<li><a href="http:\/\/www.blogger.com\/blog-this.g?ie=UTF-8&oe=UTF-8&u=' + $theURL + '&n=' + $theTitle + '&t=' + $theDescription + '%5B...%5D+More%3A+%3Ca+href%3D%22' + $theURL + '%22%3E' + $theTitle + '%3C%2Fa%3E">Blogger<\/a><\/li> ';
 // blogmarks
    $theButtonList += '<li><a href="http:\/\/blogmarks.net\/my\/new.php?mini=1&title=' + $theTitle + '&url=' + $theURL + '">Blogmarks<\/a><\/li> ';
 // blogrolling
    $theButtonList += '<li><a href="http:\/\/www.blogrolling.com/add_links_pop.phtml?u=' + $theURL + '&t=' + $theTitle + '">Blogrolling<\/a><\/li> ';
 // buddymarks
    $theButtonList += '<li><a href="http:\/\/buddymarks.com\/add_bookmark.php?bookmark_title=' + $theTitle + '&bookmark_url=' + $theURL + '">Buddymarks<\/a><\/li> ';
 // citeulike
    $theButtonList += '<li><a href="http:\/\/www.citeulike.org\/posturl?url=' + $theURL + '&title=' + $theTitle + '">CiteUlike<\/a><\/li> ';
 // del.icio.us
    $theButtonList += '<li><a href="http:\/\/del.icio.us\/post?url=' + $theURL + '&title=' + $theTitle + '">Del.iCio.us<\/a><\/li> ';
 // del.irio.us
    $theButtonList += '<li><a href="http:\/\/de.lirio.us\/rubric\/post?uri=' + $theURL + '&title=' + $theTitle + '&when_done=go_back">Del.iRio.us<\/a><\/li> ';
 // digg
    $theButtonList += '<li><a href="http:\/\/digg.com\/submit?phase=2&url=' + $theURL + '">Digg<\/a><\/li> ';
 // fark
    $theButtonList += '<li><a href="http:\/\/cgi.fark.com\/cgi\/fark\/edit.pl?new_url=' + $theURL + '&new_comment=' + $theTitle + '&new_link_other=&linktype&topic=">Fark<\/a><\/li> ';
 // feedmarker
    $theButtonList += '<li><a href==http:\/\/www.feedmarker.com\/admin.php?do=bookmarklet_mark&url=' + $theURL + '&title=' + $theTitle + '">FeedMarker<\/a><\/li> ';
 // feedmelinks
    $theButtonList += '<li><a href="http:\/\/feedmelinks.com\/categorize?from=toolbar&op=submit&name=' + $theTitle + '&url=' + $theURL + '&ref=' + escape(document.referrer) + '&version=0.7">FeedMeLinks<\/a><\/li> ';
 // furl
    $theButtonList += '<li><a href="http:\/\/www.furl.net\/storeIt.jsp?t=' + $theTitle + '&u=' + $theURL + '">Furl<\/a><\/li> ';
 // kuro5hin
    $theButtonList += '<li><a href="http:\/\/www.kuro5hin.org\/submit">Kuro5hin<\/a><\/li> ';
 // kinja
    $theButtonList += '<li><a href="http:\/\/www.kinja.com\/checksiteform.knj?add' + $theURL + '">Kinja<\/a><\/li> ';
 // ma.gnolia
    $theButtonList += '<li><a href="http:\/\/ma.gnolia.com\/bookmarklet\/add?url=' + $theURL + '&title=' + $theTitle + '">Ma.gnolia<\/a><\/li> ';
 // maple.nu
    $theButtonList += '<li><a href="http:\/\/www.maple.nu\/bookmarks\/bookmarklet?bookmark[url]=' + $theURL + '&bookmark[description]=' + $theTitle + '">Maple.nu<\/a><\/li> ';
 // netvouz
    $theButtonList += '<li><a href="http:\/\/www.netvouz.com\/action\/submitBookmark?url=' + $theURL + '&title=' + $theTitle + '">Netvouz<\/a><\/li> ';
 // newsvine
    $theButtonList += '<li><a href="http:\/\/www.newsvine.com\/_tools\/seed&save?u=' + $theURL + '&h=' + $theTitle + '">Newsvine<\/a><\/li> ';
 // raw sugar
    $theButtonList += '<li><a href="http:\/\/www.rawsugar.com\/tagger\/?turl=' + $theURL + '&tttl=' + $theTitle + '">RawSugar<\/a><\/li> ';
 // reddit
    $theButtonList += '<li><a href="http:\/\/reddit.com\/submit?url=' + $theURL + '&title=' + $theTitle + '">Reddit<\/a><\/li> ';
 // scuttle
    $theButtonList += '<li><a href="http:\/\/scuttle.org\/bookmarks.php\/pass?action=add&address=' + $theURL + '&title=' + $theTitle + '">Scuttle<\/a><\/li> ';
 // spurl
    $theButtonList += '<li><a href="http:\/\/www.spurl.net\/spurl.php?url=' + $theURL + '&title=' + $theTitle + '">Spurl<\/a><\/li> ';
 // shadows
    $theButtonList += '<li><a href="http:\/\/www.shadows.com\/features\/tcr.htm?url=' + $theURL + '&title=' + $theTitle + '">Shadows<\/a><\/li> ';
 // shoutwire
    $theButtonList += '<li><a href="http:\/\/www.shoutwire.com\/submit">Shoutwire<\/a><\/li> ';
 // simpy
    $theButtonList += '<li><a href="http:\/\/simpy.com\/simpy\/LinkAdd.do?title=' + $theTitle + '&href=' + $theURL + '&note=' + $theDescription + '&_doneURI=' + $theURL + ' &v=6&src=bookmarklet' + '">Simpy<\/a><\/li> ';
 // slashdot
    $theButtonList += '<li><a href="http:\/\/slashdot.org\/submit.pl">Slashdot<\/a><\/li> ';
 // technorati
    $theButtonList += '<li><a href="http:\/\/www.technorati.com\/search\/' + $theURL + '">Technorati<\/a><\/li> ';
 // threadwatch
//    $theButtonList += '<li><a href="http:\/\/www.threadwatch.org\/submit">Threadwatch<\/a><\/li> ';
 // wink
    $theButtonList += '<li><a href="http:\/\/www.wink.com\/_\/tag?url=' + $theURL + '&doctitle=' + $theTitle + '">Wink<\/a><\/li> ';
 // yahoo my web
    $theButtonList += '<li><a href="http:\/\/myweb2.search.yahoo.com\/myresults\/bookmarklet?t=' + $theTitle + '&u=' + $theURL + '">Y! MyWeb<\/a><\/li> ';

// IE bookmark
    var IEstring = '<li><a href="#bookmark"';
    IEstring +=  'onClick="javascript:window.external.AddFavorite(location.href,document.title)\;">';
    IEstring +=  'Bookmark in IE<\/a><\/li> ';
 // IE start page
    IEstring +=  '<li><a href="#startpage"';
    IEstring +=  'onClick="this.style.behavior=\'url(#default#homepage)\'\;this.setHomePage(location.href)\;">';
    IEstring +=  'Make this your start page<\/a><\/li>';

var agt = navigator.userAgent.toLowerCase();
    var ieAgent = agt.indexOf('msie');

if (ieAgent != -1) {
        $theButtonList += IEstring;
    }

//button list end
    $theButtonList += '</ul>';

// write list to page
   document.write($theButtonList);
}
// -->
</script>

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 yout page (as described above) and press "Ctrl" and "P" 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.

Privacy

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 not required but appreciated (link to this page or site)
Copyright, the script: © You. You have the right to copy the script as many times as you like, whenever you like, and for whatever purpose you like. If you're in doubt, the answer is "yes". Just do it.

Come on, I know you want to:

Similar tools

2006-02-26: Today I saw that Toprank Online Marketing published a hosted tool just like this one. Their tool works differently as you will need to go to their site to configure the options. But their way of setting it up seems user-friendly, and hence they deserve a link from here: Social Bookmark Links.

Try it out, you might like it :-)

Yeah, and I was first. It took them all of ten days to publish their tool :P

Document published, date: 2006-02-16
Last edited, date: 2006-05-31