blogger bマークのボタンと被ブックマーク数を表示するための準備
2007/08/04
blogger
シナリオ：
bloggerではてなブックマーク（はてブ）のbマークボタンと、被ブックマーク数を表示したい。
コードは下記のものを上記のリンクを参考にテンプレートに入れてみました。
bマークボタン
<!-- HATEBU -->
<a expr:href='"http://b.hatena.ne.jp/add?mode=confirm&url=" + data:post.url + "&title=" + data:post.title'>
<img alt='このエントリーを含むはてなブックマーク' height='12' src='http://deiji.jp/images/entry.gif' style='padding:0 0 0 0; margin: 0 0 0 0; border: none;vertical-align: bottom;' width='16'/>
<!-- HATEBU END -->
<a expr:href='"http://b.hatena.ne.jp/add?mode=confirm&url=" + data:post.url + "&title=" + data:post.title'>
<img alt='このエントリーを含むはてなブックマーク' height='12' src='http://deiji.jp/images/entry.gif' style='padding:0 0 0 0; margin: 0 0 0 0; border: none;vertical-align: bottom;' width='16'/>
<!-- HATEBU END -->
はてブの被ブックマーク数
<!-- HATEBU -->
<a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.url' target='_blank' title='このエントリーを含むはてなブックマークを表示'>
<span class='hatena-counter' expr:style='"background-repeat: no-repeat; background-attachment: scroll; background-position: left center; margin:0pt 0pt 0pt 0pt; padding: 15px; background-image: url(http://b.hatena.ne.jp/entry/image/" + data:post.url + ")"'/> </a>
<!-- HATEBU END -->
<a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.url' target='_blank' title='このエントリーを含むはてなブックマークを表示'>
<span class='hatena-counter' expr:style='"background-repeat: no-repeat; background-attachment: scroll; background-position: left center; margin:0pt 0pt 0pt 0pt; padding: 15px; background-image: url(http://b.hatena.ne.jp/entry/image/" + data:post.url + ")"'/> </a>
<!-- HATEBU END -->
: