はてなスターを表示する場所は指定できるので、コメント欄の上などにつけてみる

はてなスターの出現する場所が謎だったので、ドキュメントを読んでみたら、タグとクラスを指定して、スターを表示する場所を指定できるのね。

HatenaStar.js

HTMLをカスタマイズしていて、個別記事のタイトルの横に表示したい場合、こんなふうにhead 内に付け足せばよいと。

<script type="text/javascript">
    // customize for other html structure.
    // H2 tags are the headers of each entry in this case.
    Hatena.Star.EntryLoader.headerTagAndClassName = ['h1','title'];
</script>

これだけで <h1> タグの横にスターがつくかと思いきや、<a> タグでも囲む必要があるらしい（多分、記事のURLを取得するため？）。これで HTML 内の以下の場所の右にスターが出た。ちなみにテンプレートはMovable Type の場合です。

<h1 class="title"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h1>

でもそうならば、タイトルではなくてもよいということか。こんな感じに、コメント欄の上につけるのも可能？このブログ記事の下にも設置してみました。ちゃんと動いているような気もするが、どうなんでしょう？　そのうち、APIが公開されそうな気もしますが。

<script type="text/javascript">
    // customize for other html structure.
    // H2 tags are the headers of each entry in this case.
    Hatena.Star.EntryLoader.headerTagAndClassName = ['span','hatenastar'];
</script>

いいですね！（はてなスターで星をつける）
<span class="hatenastar"><a href="<$MTEntryPermalink$>"></a></span>