2010年01月28日

[Tumblr.]投稿ボタンをLivedoorブログに設置


こんばんは、蛛賢です。
蛛賢のTumblr.の方も興味のあるサイトがあれば誠意更新中でございます。
(自動的にTwitterにも反映されるので便利ですね)

今回は、このTumblr.を投稿するためのボタンをライブドアブログに設置する方法です。
javascriptを利用しています。

以下のブログ記事を参考にさせて頂きました。
自分のブログに「Tumblrに追加するボタン」を設置する

何が違うかと言うと、Livedoorブログの独自タグを使うことで、
トップページのブログ記事一覧毎に使え、各記事のURIで登録ボタンを作成できます。
(日本語が良く分からないかも…;)

Livedoorの独自タグを用いないの方法だと、トップページに貼られたボタンは
そのトップページのURIのみでしかTumblr.投稿できないってわけですね。
各記事それぞれのURIがありますので、それに基づいての投稿リンクを、
同じページ内(トップページなど)に存在しつつも作成します。

<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)),lhref='<$ArticlePermalink$>',dtitle='<$ArticleTitle ESCAPE$>',f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(lhref) +'&t='+e(dtitle) +'&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="○○○" height="16" alt="add Tumblr" style="border:none;vertical-align:bottom"></a>

○○○の部分に自分の用意した画像を貼りつけてみてください。
また、imgタグではなくテキストでもいいかも知れません。

上記のタグを<div class="blogbody">内に入れると機能するかと思います。

また、工夫すれば他のブログバージョンも簡単に作れそうですよね。
(ちなみに動けば良いやの駄改造なので、コード内容についてはご容赦下さい…)

以上です。

サンプルはこの記事の上下に設置しているアレです(笑)
 



at 22:04│ウェブサイト管理:ブログカスタマイズ | サイト情報:更新情報Edit

Comment



blog comments powered by Disqus