Bloggerに「はてブへ追加」ボタンを追加する方法

Blogger、つまりこのブログへ「はてブへ追加」ボタンを追加したので方法をメモしておきます。

備忘録的に方法をメモ

1. Bloggerの設定画面に行く
   （画面左側に色々とメニューの出ているアレ）
2. 「テンプレート」をクリック
3. 「HTMLを編集」をクリック
4. 「続行」をクリック
5. 「ウィジェットのテンプレートを展開」にチェックを入れる
6. <b:includable id='shareButtons' var='post'>と書かれた行を探す。
   Ctrl+Fで検索すると早いかと思います。
7. その下に<span class='hatena-entry hatena-append'> <a expr:href='"http://b.hatena.ne.jp/append?" + data:post.url'> <img align="absmiddle" alt="このエントリーをブックマークに追加" height="12" src="http://b.hatena.ne.jp/images/append.gif" style="border: none;" title="このエントリーをブックマークに追加" width="16"/></a> <a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.url'> <img align="absmiddle" alt="このエントリーを含むはてなブックマーク" expr:src="&quot;http://b.hatena.ne.jp/entry/image/&quot; + data:post.url" style="border: none;" title="このエントリーを含むはてなブックマーク"/></a> </span>
   をコピペ
8. 「テンプレートを保存」で完了

これでブログエントリ下の方に「はてブへ追加」ボタンが出現しているかと思います。

参考にしたサイトはこちら

ちなみに

ソースを表示するために利用したタグは

<xmp>タグです。
不思議と<pre>タグは使えませんでした。リストの中で使ったからかな？