はてなブックマーク、はてなスターを追加する

本記事では、「はてなブックマーク」と「はてなスター」アイコンを投稿記事タイトルの横に追加する方法をまとめる。

どちらもはてなの提供するサービスで、「はてなブックマーク」：ソーシャルブックマークの一種。ネット上でブックマークを整理して、人気のブックマークをチェックする。「はてなスター」：ブログに星マークを設置しておいて、気に入ってくれた読者にクリックしてもらう。

bloggerは、以前にテンプレートを記述するコードの書式が変わったらしい。したがって、変更前を旧blogger、変更後を新bloggerなどと ネット上で言われているようだ。今回追加する機能は、テンプレートにコードを埋め込むことで実現されるのだが、旧blogger対応の埋め込み方の情報が 多くて、新blogger対応の方法があまりなかった。

以下では、「はてなブックマーク」ボタンの追加方法を簡単にまとめる。ちなみに、「はてなスター」の方は、「はてなスター」→「ヘルプ」でbloggerの対処法の通りにすれば出来たので、ここでは説明しない。

• bloggerの管理画面で「レイアウト」→「HTMLの編集」に移動する。
• 「ウィジェットのテンプレートを展開する」をクリックする。
• h3タグを探す（下図）。

（注意）私の使用しているテンプレートでは、h3タグが投稿記事のタイトル（post-title）に対応するタグになっているが、他のテンプレートでは異なるかもしれない。。。

• h3タグの中にはてなブックマークのコードを挿入する（上および下図）。