今かかわってる仕事でSNSへの共有ボタンを付ける作業がありちょっと面白かったので一気にご紹介。国外のものが多いのですが色いろありますね。

個人的にはposterous.comが衝撃的でした。

■hatena

<a href="http://b.hatena.ne.jp/append?[URL]"><img src="http://b.hatena.ne.jp/favicon.ico" width="16" height="16" alt="このエントリーを含むはてなブックマーク" /></a>

■del.icio.us

<a href="javascript:location.href='http://del.icio.us/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)"><img src="http://secure.delicious.com/favicon.ico" width="16" height="16" border="0" alt="del.icio.us" /></a>

■tumblr

<a href="javascript:var d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href) +'&t='+e(d.title) +'&s='+e(s),u=f+p;try{if(!/^(.*\.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a =function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else a();}void(0)"><img src="http://assets.tumblr.com/images/favicon.gif" width="" height="16" alt="tumblr.com" /></a>

■Google Bookmarks

<a href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=[URL]&title=[TITLE]"><img src="http://www.google.co.jp/favicon.ico" width="16" height="16" alt="Google Bookmarks" title="Google Bookmarks" /></a>

■technorati

<a href="http://technorati.com/faves?add=[URL]&title=[TITLE]"><img src="http://technorati.com/favicon.ico"width="" height="" alt="technorati.com" /></a>

■facebok

<a href="http://www.facebook.com/sharer.php?u=[URL]&t=[TITLE]&src=sp"><img src="http://static.ak.fbcdn.net/rsrc.php/z9Q0Q/hash/8yhim1ep.ico" width="16" height="16" alt="Facebook" /></a>

■Blogger

<a href="http://www.blogger.com/blog_this.pyra?t=&u=[URL]&n=[TITLE]"><img src="http://www.blogger.com/favicon.ico" width="16" height="16" alt="Blogger.com" /></a>

■digg

<a href="http://digg.com/submit?phase=2&url=[URL]&title=[TITLE]"><img src="http://digg.com/favicon.ico" width="16" height="16" alt="digg" /></a>

■Twitter

<a href="http://twitter.com/home?status=[URL]"><img src="http://twitter.com/favicon.ico" width="12" height="14" alt="Twitter" title="Twitter" /></a>

■stumbleupon

<a href="http://www.stumbleupon.com/submit?url= [URL] &title= [タイトル]"><img src="http://www.stumbleupon.com/favicon.ico" width="16" height="16" alt="stumbleupon.com" /></a>

■posterous

<a href="mailto:post@posterous.com"><img src="http://posterous.com/images/favicon.png" width="16" height="16" alt="posterous.com" /></a>