ブログの記事をTwitter/Tumblrに投稿するボタンを設置する方法

2009-06-03_1044.png

自分のブログのエントリーにtwitterに投稿するボタンもついた:[mi]みたいもん!というエントリーを読んで、ネタフルにもTwitter/Tumblrに記事をポストするボタンを設置してみました。

「Twitterにポスト」「Tumblrにポスト」という文言がイケているのかどうか分かりませんが、とりあえず分かりやすかろうということで、これにしています。

実際のソースが掲載されているのは以下のエントリーです。

見ているページをTwitterに投稿するBookmarkletとブログ用ボタン [C!]

2009-06-03_1048.png

mellow_blog: 自分のブログに「Tumblrに追加するボタン」を設置する

2009-06-03_1049.png

それぞれにソースがあるので、それをコピー&ペーストすれば良いのですが、いちおうネタフルでは以下のようなものを貼り付けています。

Twitter

<a href=”javascript:var%20d=document,w=window,l=location,e=encodeURIComponent,t=(d.selection)?d.selection.createRange().text:(w.getSelection)?w.getSelection():(d.getSelection)?d.getSelection():”,f=’http://twitter.com/home/?status=’+e(t)+’+Surfing:+%22’+e(d.title)+’%22+’+e(l.href)+’+%2523webclip’;if(!w.open(f,’surfing’))l.href=f;void(0);”>Twitterにポスト</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);”>Tumblrにポスト</a>

これまではソーシャルブックマークにポストするボタンを取り付けていたのですが、最近は個人的にTwitter/Tumblrの利用率が上がっているので、こちらに変更してみた次第です。