最近よく、はてブ数が表示されているブログを見るので、どうやるのかなぁと調べてみたら、思いっきり載っていました。
はてなブックマーク - ヘルプ - 自分のブログに「○○users」を表示
このページでは、このブックマーク数を画像で取得するAPIを利用して、各ブログサービスで被ブックマーク数を表示させる方法を紹介しています
ということで、将来のために実現方法を記述しておきたいと思いますw
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」についても記述しておきます。(ほとんど引用ですけど・・・)
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
これがわかっていれば、気軽に記事や記事リンクのリスト等にブックマーク数を追加できますね!
0 件のコメント:
コメントを投稿