2007年07月12日
はてなスターをMTに付けてみた
さっそくはてなスターを付けてみようと思い、はじめてガイドを読んでみたけどどうもうまくいかない。基本的には<head>内に
<script type="text/javascript" src="http://s.hatena.com/js/HatenaStar.js"></script>を挿入するだけで動く仕組みらしいのですが、デフォルトではどうやら<h3>タグの中に<a>が入っているところに自動的に★が付く仕組みになっているようで、これを変更するためには<head>内に以下のコードを追加する必要があります。 参考サイト（観測気球さん）
<script type="text/javascript">
Hatena.Star.EntryLoader.headerTagAndClassName = ['タグ','クラス名'];
</script>このサイトでは以下のようにコメントの横部分のhtmlに以下のコードを追加した。<a>タグに直接クラスを付けても動作しなかったので<span>に"haten_star"というクラスを付けて囲っています。
<span class="hatena_star"><a href="<$MTEntryPermalink$>">PERMALINK</a></span>しかしMTのテンプレートのデフォルト設定ではたしか、<h2>は日付で<h3>にタイトルが設定されているので通常その当たりを変更していないユーザーは<head>にスクリプトを挿入するだけで自動的にタイトルの横に表示されることになると思います。ちなみに上記の方法でタグとクラスを指定するとデフォルトの<h3><a>タイトル</a></h3>に割り振られる設定は解除されます。
追記 ： 結局タイトルの横に付ける方が無難なので仕方なく<h2>にパーマリンクを張って付けなおしました。しかし自分で押してもスターが付くし、消せないというのもどうなんだろうか？