さりげない「はてなスター」

「「はてなスター」を導入してみた」では見出しのすぐ右に☆ボタンが出るようにしてたんですが、これはちょっとデザインに合わないので、コメントリンクの行に出すようにしました。

テンプレートでは

<span class="hatenastar"><a href="http://blog.fuktommy.com/1184164613" class="dummy">.</a></span>

と出力します。

JavaScriptのところは

Hatena.Star.EntryLoader.headerTagAndClassName = ['span', 'hatenastar'];

こんな感じ。

で、CSSで「.」を消してます。

span.hatenastar a.dummy {
     display: none;
 }

福冨諭の福冨論