Tumblrにはてなスターを設置する

Tumblr派のみなさん、こんにちは。

早速ですが、Tumblrはてなスターを使うための設定を書いておきます。ホントはHatena.Star.EntryLoaderをきちんと定義すべきなんでしょうけれど、とりあえず簡単に使うための手抜き版を書きます。

HatenaStar.jsのロード

Tumblr > Settings > Theme(Custom) を編集します。
head要素内に

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
  Hatena.Star.EntryLoader.headerTagAndClassName = ['span', 'hatena-star'];
  Hatena.Star.Token = 'ここにはてなスターで取得したTokenを入力';
</script>

を追加します。

エントリーの用意

<div class="post">要素内に

<span class="hatena-star"><a href="{Permalink}"></a></span>

を追加します。

これで完了です。Tumblrはコメントをつけられないので、手軽なコメント欄替わりにちょうどいいかも、と思います。設置例として http://tumblr.dynamic-semantics.com/ をご覧下さい。