Bloggerにはてなブックマークボタンを追加する

2010年9月27日2015年5月21日

Bloggerの「デザイン → HTMLの編集」からウィジェットのテンプレートを展開にチェックをつけます。
<div class=’post-header-line-1′ />
の箇所を探し、「/」を削除して以下のように変更します。

<div class=’post-header-line-1′>
<b:if cond=’data:post.url’>
<a expr:href=’"http://b.hatena.ne.jp/entry/" + data:post.url’><img alt=’このエントリーを含むはてなブックマーク’ height=’12’ src=’http://d.hatena.ne.jp/images/b_entry.gif’ style=’border: none;’ title=’このエントリーを含むはてなブックマーク’ width=’16’/></a>
</b:if>
</div>