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/ をご覧下さい。