▼ 2007/07/13(金) adiary で「はてなスター」を設置する方法
各所であれこれ言われている「はてなスター」ですが、このサービスがいいか悪いかはさておき、adiary で使う方法を書いておくことにします。他の adiary ユーザーの参考になれば嬉しい。
試してみた人はわかると思うけど、はてなスターから出力されるそのままのコードでを貼り付けてもスターは表示されない。
なのでこのように貼り付ける。
これを「_frame.html」に記述する。
はてなスターの説明では、<head> 内に記述しろって言ってるけど、外部 JavaScript はできるだけ後に読み込みたいので、実は </body> の直前に置いても普通に動作する。
ちなみにブログトークンを取得した場合はこんな感じになります。
どういう理屈で動いているかは検索すればわかると思うのであえて説明しない。応用次第では ブックマークアイコンの横にも置けます。
試してみた人はわかると思うけど、はてなスターから出力されるそのままのコードでを貼り付けてもスターは表示されない。
なのでこのように貼り付ける。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
// customize for other html structure.
// H2 tags are the headers of each entry in this case.
Hatena.Star.EntryLoader.headerTagAndClassName = ['span','title'];
</script>
これを「_frame.html」に記述する。
はてなスターの説明では、<head> 内に記述しろって言ってるけど、外部 JavaScript はできるだけ後に読み込みたいので、実は </body> の直前に置いても普通に動作する。
ちなみにブログトークンを取得した場合はこんな感じになります。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '********************';
</script>
<script type="text/javascript">
// customize for other html structure.
// H2 tags are the headers of each entry in this case.
Hatena.Star.EntryLoader.headerTagAndClassName = ['span','title'];
</script>
どういう理屈で動いているかは検索すればわかると思うのであえて説明しない。応用次第では ブックマークアイコンの横にも置けます。
▼ コメント（0件）
- TB-URL http://worstman.net/blog/060/tb/
新着情報
