Home > > 今さら導入シリーズ？忍者ブログではてなスター

[PR]

2024-11-21

Share on Tumblr

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Comments:

Trackback+Pingback:

Listed below are links to weblogs that reference: [PR] from Born Neet

Home > > 今さら導入シリーズ？忍者ブログではてなスター

Home > 忍者ブログ > 今さら導入シリーズ？忍者ブログではてなスター

Newer
Older

今さら導入シリーズ？忍者ブログではてなスター

2008-03-14
忍者ブログ

Share on Tumblr

あわせて読みたい、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>

以上、参考になれば。