記事の被ブックマーク数（はてなブックマーク）を表示する

記事タイトルの隣にはてなブックマークボタンとような被ブックマーク数を表示すれば、ブックマークしてもらい易くなります。

はてなブックマークの被ブックマーク数の表示方法ははてなブックマーク - ヘルプ - 自分のブログに「○○users」を表示にありますが、残念ながら、Blogger Betaの設定方法はないです。ここで、Blogger Betaでの設定方法を紹介します。

１．バックアップテンプレート

２．テンプレートから<b:includable id='post' var='post'>セクションを見つけ出します。以下のようになっていると思います。

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

上の赤い部分は記事のタイトルURLでしょう，その下に被ブックマークを追加します，
追加されたコードは以下のようになります．

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.url'>
<img expr:src='"http://b.hatena.ne.jp/entry/image/" + data:post.url' />
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

ちなみに、このブログ記事のタイトル右の”このエントリーを含むはてなブックマークする”ボタンのコードは以下コードです。

<a expr:href='"http://b.hatena.ne.jp/add?mode=confirm&amp;url=" + data:post.url + "&amp;title=" + data:post.title'>
<img src="ボタン画像ＵＲＬ" width="16" height="12"
style="border: none;" alt="このエントリーを含むはてなブックマーク" />
</a>

関連記事：

• Blogger Beta Tips: 記事をオンラインブックマークへリンクする(更新）

後書き：

今日はこんな記事sushi-kuinee (Su-sanの ライブラリー): Google Blogger Beta版で「はてなブックマーク数」を表示させるまでの苦労話発見，日付は12月1日，僕より早い，もっと早めにこの記事を見たら，この記事書く必要はなかったのに．