blog.y4su0.com

本日、7月11日からスタートしたはてなの新サービス「はてなスター」は、はてなスターはじめてガイドにも書かれているように、はてなダイアリー以外のサービスでも使うことができます (Javascript が使えることが前提)。というわけで、さっそくここも対応させてみたのでちょいとメモ。

まず、http://s.hatena.ne.jp/(はてなID)/blogs に行き、「外部のブログサイトを登録する」のところに新しく登録するブログの URL を入力します。すると、

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js">
</script>
<script type="text/javascript">
Hatena.Star.Token = 'XXXXXXXXXXXXXXXXXXXXXXXXX';
</script>

というコードが表示されるので、それをヘッダの中にそのままコピーすればおしまい。コメント機能がいらない場合は前半部分だけでもよいようです。

ただし、これでうまくいくのは「はてなダイアリー」と HTML の構造が共通、すなわち

• 個別エントリーのタイトルが h3
• タイトル (またはその一部) にそのエントリーへのリンクが張ってある

という 2つの条件が満たされるときに限られるようです。つまり、このブログのように個別エントリーのタイトルが h2 になっている、とか、個別エントリーのタイトルは h3 だけどリンクがない、などの場合、そのままだとはてなスターが使えません。ということで、ソースを見ていただければわかるように、はてなスターのためだけに h3 要素を追加するという汚いことをやってます。うーむ。

<追記>
「[観] はてなスターを設置してみました」によると、

  <script type="text/javascript">
    Hatena.Star.EntryLoader.headerTagAndClassName = ['タグ','クラス名'];
  </script>

というスクリプトを挿入すれば、任意のタグにはてなスターをつけられるそうです。というわけで、うちもさっそく対応。
</追記>

また、はてなスターはじめてガイドによると、「対応ブログ以外でもHTMLの構造が同じ場合は☆が動きます」ということなので、上の条件を守るように書けばスタティックな HTML 文書でもはてなスターは使えるのではないかと思います。一度誰か試してみてください。

関連する投稿

• 使用しているプラグイン
• はてなスターTシャツ欲しい！
• Windows Live Writer + Wordpress 2.3
• mimeTeX

タグ: hatena, Wordpress

この投稿は 2007 年 7 月 11 日 水曜日 23:11:43 に net カテゴリーに公開されました。 この投稿へのコメントは RSS 2.0 フィードで購読することができます。 コメントを残すか、ご自分のサイトからトラックバックすることができます。