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="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_swFumKCk0CpT6SPHo4bUNPrj3AMVuoPLxj4mqQbxUKpbTqgagUob14aTOJDw6n7MD8limvrJL32jeEtGEp5T4PNybw2AymwLfWHQ=s0-d" 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>タグは使えませんでした。リストの中で使ったからかな？