はてなスター設置方法  Posted at 2008/06/14 (Sat) 14:32 [Blog]

暇だったので、はてなスターを設置してみました。わかりづらいかと思いますが、エントリ下部のPermanent linkの左側に、こっそりと。？アイコンなので、何かな？と思ってクリックすると、そのエントリに星がつくという詐欺まがいな設置。いいの、それでも、たぶん星つく事ほとんどないから....。みなさん、是非、ちょっとでも参考になったとか、面白かったとか、関わりあった方は、ポチっと何個か気持ち押してってくれると嬉しいです。

はてなスター

はてなスターは、ブログにワンクリックで☆が付けられるサービスです。あなたのブログをもっと楽しくします。はてなダイアリー以外のブログサービスでもご利用になれます。

設置方法

まず、はてなスターのTOP画面の右上の「ようこそ○○さん」となっていたら、そこをクリック。（ゲストになっていた場合は、ログインし直すか、アカウントを取ってからのお話になります。）そしてfavorites（星を付けると、付けたエントリはfavorites扱いみたいです。）画面になったら、右上のBlogsをクリック。外部のブログサイトを登録するで、はてなスターを付けたいブログのURLを登録。すると、ブログが登録されて「トークン」が発行され、ブログに貼り付けるHTMLのコードが表示されます。Hatena.Star.Tokenであらわされている英数字が、自分のブログと、はてなのアカウントを結びつけるトークンです。

しかし、このままでは、うちみたいなブログは当然勝手に動いてはくれません。ちなみに表示位置も好きな場所に設置したいですよね。その場合、

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = 'ここをあたなのトークンを入れる';
Hatena.Star.EntryLoader.headerTagAndClassName = ['span','hatesta'];
</script>

最初に発行されたトークンの番号を上のトークンの場所に入れ替えます。4行目の最後の['span','hatesta']は、spanタグのclass属性がhatestaという意味で、実際に設置したい場所に、

<span class="hatesta"><a href="パーパネントリンクのURLになるよう各ブログの独自タグを入れる"></a></span>

これで、各エントリの好きな場所へ設置できます。てか、これくらいの説明、オフィシャルサイトで説明しとけよ。オフィシャルの設置方法、難しくてややこしくて解りづらいし！ま、私のいつものきまぐれですから、飽きたらはずすかもしれません。ちょっと面白かったらつけとくかも。寂しさ倍増しませんように....。