Born Neet

あわせて読みたい、AddClipsに続いて、今度ははてなスターを導入してみました｡

相変わらず今さらですが…。
まぁこれで、ずっと気になってた記事タイトル左下の空白がなくなったので満足です。

[導入メモ]

はてなにログインして、「http://s.hatena.ne.jp/はてなID/blogs」にアクセス。
そこから外部ブログを登録すると下のようなコードが表示されます。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '自分のブログ用トークン';
</script>

これをheadに記述すれば完了。簡単ですね。
（head内だとなんか遅くなりそうで嫌だったので、僕は</body>直前に書きました）

あと、コメント機能とかがいらないなら、

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>

と、1行書くだけでも使えるっぽい。（これならログインも不要ですね。）

忍者ブログとはてなスター

実ははてなスターは忍者ブログにデフォルト（？）で対応してます。
はてなスター日記には書いてないけど、親切な人が忍者ブログ用のSiteConfigを作ってくれてるので、上のように記述するだけで（特別な指定をせずに）使えます。

※ ただ僕みたいに独自ドメインにしてる人や、テンプレートを大幅に変更してる人は、下のような長ったらしいスクリプトを書かないと駄目だと思います。

<script type="text/javascript" src="http://s.hatena.com/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.SiteConfig = {
	entryNodes: {
		'div.EntryInnerBlock': {
			uri: 'h2 a:nth-child(1)',
			title: 'h2',
			container: 'div.EntryIcon2'
		}
	}
};
Hatena.Star.Token = '自分のブログ用トークン';
</script>

以上、参考になれば。

[追記]

導入したのはいいけど、今イチ使い方がわからん…。
とりあえず、5秒ぐらいマウスのせとけば消せることはわかったので気軽に使ってみようっと。