Bloggerに「はてな Bookmark」を表示する方法

ちょっと時間がとれたので、久々にBloggerのHTMLを見直し。

まず、「はてな Bookmark」。

これを設定することでどうなるかというと、

こんな感じで、このページを何人の人がブックマークしてれているか表示できる。



やりかたは、
「デザイン」→「HTMLの編集」
で、「ウィジェットのテンプレートを展開」にチェックをいれる。

<h3 class="post-title entry-title">

を探して、

</h3>

の直前に

<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='"http://b.hatena.ne.jp/entry/image/" + data:post.url' style='border: none;' title='このエントリーを含むはてなブックマーク'/></a> </span>

を挿入する。

以上。

ちなみに、参考にしたのはこちら「Blogger に「はてなブックマーク,はてなスター」ボタンを設置する 」