自分のブログの記事リスト等にはてなブックマーク件数を表示する

 最近よく、はてブ数が表示されているブログを見るので、どうやるのかなぁと調べてみたら、思いっきり載っていました。

 

 

はてなブックマーク - ヘルプ - 自分のブログに「○○users」を表示

このページでは、このブックマーク数を画像で取得するAPIを利用して、各ブログサービスで被ブックマーク数を表示させる方法を紹介しています

ということで、将来のために実現方法を記述しておきたいと思いますｗ

Blogger での実現方法

• 「テンプレート」タブから「現在の内容を編集」欄の <!-- Begin #main --> と <!-- End .post --> に囲まれた以下の部分を次のように編集します。

... </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$> </p> ...

• 上記を下記のように編集

... </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$> <a href="http://b.hatena.ne.jp/entry/<$BlogItemPermalinkUrl$>"> <img src="http://b.hatena.ne.jp/entry/image/<$BlogItemPermalinkUrl$>"> </a> </p> ...

 

• ※実際には改行をいれずに一行で記述してください。

ということで、参考までに「ブックマーク数を画像で取得するAPI」についても記述しておきます。（ほとんど引用ですけど・・・）

ブックマーク数を画像で取得するAPI

http://b.hatena.ne.jp/entry/image/エントリーのURL

という URL を指定すると、そのエントリーのブックマーク数を画像で取得することが可能です。

例えば http://d.hatena.ne.jp/ のブックマーク数を対象とした場合、

<img src="http://b.hatena.ne.jp/entry/image/http://d.hatena.ne.jp/">

と記述することで と画像でブックマーク数を表示することができます。これにより、任意のウェブページにブックマーク数を表示させることが可能です。

画像の大きさは以下の三サイズを用意されています。

大

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

これがわかっていれば、気軽に記事や記事リンクのリスト等にブックマーク数を追加できますね！

[続きを読む]