設置可能ブログにJUGEMが入ってなかったのがなんか悔しくて、
頑張って設置してみました。
英語の説明文みろてのは一般人には難しいような…?
はやく日本語のヘルプが整うことを期待したいとこ。
で、設置方法なんですがheader内に以下のような記述をする。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
//コメント投稿に必要なTokenの設定(※1)
Hatena.Star.Token = '人によって違うコード';
//タイトル&URLの取得に必要な設定(※2)
Hatena.Star.EntryLoader.headerTagAndClassName = ['div','entry_title'];
</script>
◆コメント投稿に必要なtokenの設定(※1)
はてなスターにて右上のblogをクリックすると外部ブログの設定ができます。
自分のブログアドレスを入力するとかきのようなコードが発行されます。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '人によって違うコード';
</script>
この中のHatena.Star.Tokenと書かれている1行を丸々コピーして※1のところにはりつけてください。
◆タイトル&URLの取得に必要な設定(※2の部分)
>Hatena.Star.EntryLoader.headerTagAndClassName = ['div','entry_title'];
この部分はブログのテンプレによって設定が違います。
例:タイトルの表示タグが
><div class="entry_title"><a href="{entry_permalink}">{entry_title}</a></div>
だった場合
1つ目にはタイトルを囲っているタグ名を指定
2つ目にはクラス名を指定。ない場合はnullにする。('は不要)
タイトルはおそらくaタグで個別ページへ飛ばすリンクが必要になるとおもうので
タイトルにリンクがない人は{entry_title}の部分を
<a href="{entry_permalink}">{entry_title}</a>
に書き換えて置いてください。
設置は無事出来たものの一度つけた星は削除できないんですね。
自分でテストということでぽちっとしてみたのが残ったままなのが
なんか自画自賛してるみたいで恥ずかしい(´・ω・`)
---
おまけ
Hatena.Star.Tokenのしたに下記の1行追加して画像のアドレスを指定すると
★を好きな画像にかえれます。
ちょうどいいサイズだったのでJUGEMの絵文字作成機能のPICTOから
カワイイアイコン選んで設定してみました。
私が設定してるのはこんな感じです。
Hatena.Star.Star.ImgSrc = 'http://picto0.jugem.jp/s/u/n/sunlit/cc518c54144dc18c39e558499b772061.gif';
透過されてる画像を探して設定してみることにします。