(cache) 欠番指定 - 独り言 - はてなスター設置＠Serene Bach

| Home | 『鉄道ピープル』のアレ・続報 >>

はてなスター設置＠Serene Bach

2007/07/12 Thu16:11[はてな]

はてなの新サービスはてなスター（コメント機能あり）をSerene Bach（2.04R）つまりこのブログに設置しました。

下準備：コメント機能なし

はてなスターはじめてガイド - はてな以外のブログサービスでも☆をを開きます。
次のようなコードがありますので必要に応じてコピー＆ペーストします。
```
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
```

下準備：コメント機能あり

はてなにユーザー登録・ログインします。
http://s.hatena.ne.jp/あなたのはてなID/blogsに移動します。
- 私の場合はここです。
外部のブログサイトを登録するの欄に追加したいURLを入力、追加します。

次のようなコードが表示されますので必要に応じてコピー＆ペーストします。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = 'URLごとに異なる数列';
</script>

はてなをログアウトします。
- ログインしたままでも構いません。

設置

Serene Bachにログインします。

実際に使うテンプレート（defaultとarchive、ベースHTMLと個別記事用HTML）全ての<head></head>タグ内に上のコードをコピー＆ペーストします。

</head>タグの真上が解りやすいと思います。

例：コメント機能なし

…
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
</head>

例：コメント機能あり

…
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = 'URLごとに異なる数列';
</script>
</head>

コピー＆ペーストしたテンプレートを保存、再構築します。
Serene Bachをログアウトします。

成功！

記事タイトルの横（</h2>か</h3>タグの直前）にのマークが表示されます。
コメント機能ありでははてなにログインした状態でのマークも表示されます。

ご注意

HTMLやCSSを弄りまくった人はちょっと大変かも知れません。
- 私は全テンプレートを直しました。
お気づきのように、このブログのSerene Bachは最新版ではありません。
- いい加減バージョンアップしようと思います。

ご参考

この記事のURL| コメント (2)| トラックバック (2)|

この記事に対するコメント

＞kiyohero 様

拙ブログをご紹介ならびにコメントありがとうございます。

番号札＠管理人 | 2007/07/17 08:36

こんにちは。はてなスタッフの山田と申します。はてなスターをご利用いただきありがとうございます。
はてなスターをブログに設置する際の参考リンクとして、この記事をはてなスター日記で紹介させていただきました。もし問題がありましたらお知らせいただけますでしょうか。
http://d.hatena.ne.jp/hatenastar/20070707/1184455480

kiyohero | 2007/07/15 14:17

コメントする