[う]ブログに「Tumblrへのポストリンク」を設置する方法

そのうち飽きるかなーと思ったら、地味にTumblrを楽しみ続けている男・うかです、こんにちわ。

最近、このブログとソーシャルメディアを絡ませるのがマイブーム。ツイッターやFacebook、はてなブックマークにポストできるボタンを設置してるんですが、唯一置いてなかったのがTumblrへのポストボタン。

で、ちょいと試したところ、専用のパーツを使わなくても意外と簡単な方法で設置できたので、その手順をご紹介。

1. Share on Tumblr Bookmarkletをブックマーク

ブログのテーマをいじる前に、まずはTumblrにポストするためのブックマークレット「Share on Tumblr」をブックマークします。

Tumblr Goodiesに行き、「Share on Tumblr」というボタンをドラックアンドドロップしてブックマークバーへ。（Google Chromeの場合。IE、Firefoxを使用の場合はそれ用の方法でブックマークしてください。）

ちなみにこれ、引用部分をババッと選択・反転させ、このブックマークレットをクリックするだけで、TumblrにQuote（引用）をポストできる優れもの。ブログがなくてもTumblrをお使いの方はブックマークしといた方がいいかもしれません。

2. ブックマークレットのリンク先をコピー

続いて、1. で登録したブックマークレットのリンク先をコピーします。

ブックマークバーの「Share on Tumblr」を右クリックし、「コピー」を選択すればOK。IE、Firefoxでも同様の方法でリンク先をコピーすることができます。

3. ブログのテーマ（テンプレート）にリンクを挿入

ブログのテーマ（テンプレート）のTumblrポストリンクを表示させたい場所に、次のように記入します。

<a href="2.でコピーしたリンク先">Tumblrにポスト</a>

aタグのhrefに、2.でコピーした「javascript:var…」から始まるリンク先を入れ、適当なアンカーテキスト（画像にしてもOK）を入力します。

最後にテーマ（テンプレート）を保存すれば作業は完了。以上の3ステップで、ブログにTumblrへのポストリンクを設置することができます。（実際に設置した状態は、この記事の下の方をご覧くださいませ。）

＋ ＋ ＋ ＋ ＋

とまぁ以上のように、意外と簡単にTumblrへのポストリンクをブログに設置できますんで、「いいところがあったらドンドン引用して！そしてリブログされて！」とゆー方は、ぜひお試しいただければと思います。

↓ 上記の方法で設置したTumblrポストリンクがコレ↓