sbにはてなスターを入れてみた。

はてなからはてなスター(とはてなメッセージ)ってサービスがリリースされました。このはてなスターってサービス、僕は好きです。特にネーミング。スターってなんかいいよね!

■で、対応サービス

  • livedoor ブログ
  • FC2ブログ(テンプレートによってカスタマイズが必要です)
  • Movable Type
  • WordPress
  • Blogger
  • TypePad
  • tDiary

当然sbは入ってないので、自力でsbにつけてみます。やってるのはみるくぜりー | JUGEMにはてなスターいれてみた。のパクりです。

■設置方法とコード

  1. はてなスター→ホーム→Blogsとたどり、自分のブログを登録する
  2. 出力されたコードをコピー
  3. ブログのhead部分に貼り付け

です。しかし2.でコピーしたコードをちょっと編集する必要があります。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = [自分専用の文字列];
</script>

ここに

Hatena.Star.EntryLoader.headerTagAndClassName = [【スターを設置する場所のタグ名】,【スターを設置する場所のクラス名】];

の1行を挿入します。僕の場合、エントリーのタイトル周りは

<div class="entry">
<h2><a href="http://prius.cc/d/20070712_sbnihatenasutaoiretemita.html">sbにはてなスターを入れてみた</a></h2>
<div class="entry_author">2007.07.12 Thursday <a href="http://prius.cc/d/20070712_sbnihatenasutaoiretemita.html">16:30</a> | posted by <a href="http://prius.sakura.ne.jp/sb/sb.cgi?pid=0">tera</a></div>

というコードなので、

Hatena.Star.EntryLoader.headerTagAndClassName = ['h2',null];

を指定してタイトルとはてなスターを紐付けます。

ちなみに

Hatena.Star.EntryLoader.headerTagAndClassName = ['div',entry_author];

と指定すれば、投稿時間のリンク(16:30と書いてあるところ)にスターが紐付けられます。パーマリンクはタイトルと変わらないのでこれでもOKっちゃOKです。(…がAタグで囲われている文章がはてなスターに取り込まれるかもしれないので、推奨しません)

■お願い

はてなスターはお気軽に。

(16:59追記)
FireFoxではOKなのに、Sleipnir+IE7の組み合わせで上手くスターが押せなかった…。と思ったら上手くいった。なんだったんだろう…?