記事の被ブックマーク数(はてなブックマーク)を表示する このエントリーを含むはてなブックマーク

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

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

1.バックアップテンプレート

2.テンプレートから<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="ボタン画像URL" width="16" height="12"
style="border: none;" alt="このエントリーを含むはてなブックマーク" />
</a>


関連記事:

後書き:

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

0 コメント:

コメントを投稿

最新の記事

最新コメント