ブックマーク数を画像で取得するAPIがあるのでそれを使う。
画像サイズは3種類。「標準サイズ」と「画像サイズ中」は同じ大きさ。

試しに http://www.nilab.info/ がどれだけブックマークされているか表示してみる。

標準サイズ: http://b.hatena.ne.jp/entry/image/エントリーのURL

このエントリーを含むはてなブックマーク

画像サイズ大: http://b.hatena.ne.jp/entry/image/large/エントリーのURL

このエントリーを含むはてなブックマーク

画像サイズ中: http://b.hatena.ne.jp/entry/image/normal/エントリーのURL

このエントリーを含むはてなブックマーク

画像サイズ小: http://b.hatena.ne.jp/entry/image/small/エントリーのURL

このエントリーを含むはてなブックマーク

HTMLコードはこんな感じ。


<a href="http://b.hatena.ne.jp/entry/http://www.nilab.info/">
<img style="border: 0 none; cursor: pointer;" src="/lib/image/hatena/b_entry.gif" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" width="16" height="12">
<img style="border: 0 none; cursor: pointer;" src="http://b.hatena.ne.jp/entry/image/http://www.nilab.info/" />
</a>

ブックマークページのURLは、「http://b.hatena.ne.jp/entry/エントリーのURL」

「このエントリーを含むはてなブックマーク」ボタン画像「「このエントリーを含むはてなブックマーク」ボタン」は、http://d.hatena.ne.jp/images/b_entry.gif をダウンロードして使う。

ちなみに http://d.hatena.ne.jp/images/b_entry.gif の被ブックマーク数は このエントリーを含むはてなブックマーク という状況。

Ref.
-はてなブックマーク - ヘルプ - 自分のブログに「○○users」を表示
-はてなブックマーク - ヘルプ - 自分のブログに「このエントリーを含むはてなブックマーク」ボタン

tags: zlashdot Zura Hatena

Posted by NI-Lab. (@nilab)