はてブ ブログパーツの設置

はてなのサービスで、ブックマークされることを、はてブ言います（違っていたらごめんなさい）
自分のブログ記事もしくはタイトルリストなどにはてブのユーザー数が表示される方法です。
なるほどね。簡単です。普及する仕組みを考える人は本当に頭の良い人なんですね。

詳細は、ブックマーク数を画像で取得するAPIにあります。

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

<img src="http://b.hatena.ne.jp/entry/image/エントリーのURL" alt="" />

という URL を指定すると、そのエントリーのブックマーク数を画像で取得することが可能です。
例えば http://d.hatena.ne.jp/ のブックマーク数を対象とした場合、

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

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

逆を返せば、どこのサイトのどんな記事でもこれではてブ数がわかるということですね。改めてみるとなんだか怖くさえなってきます。まぁビビっていてもしょうがないので、はてブしてもらえるようなお役に立てるアウトプットを目指していこうということですね。

なので、WordPressの場合には、

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>">
<img title="はてなブックマーク - <?php the_title(); ?>" src="http://b.hatena.ne.jp/entry/image/<?php the_permalink() ?>" alt="はてなブックマーク - <?php the_title(); ?>" align="absmiddle" /></a>

で、 という感じで表示されることになります。

その他、メモがわりにバリエーションなど。

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>">
<img title="はてなブックマーク - <?php the_title(); ?>" src="http://cdn-ak.b.st-hatena.com/images/append.gif" alt="はてなブックマーク - <?php the_title(); ?>" width="16" height="12" align="absmiddle" /> <img src="http://b.hatena.ne.jp/entry/image/<?php the_permalink() ?>" alt="はてなブックマーク - <?php the_title(); ?>" align="absmiddle" /></a>

で、

<a class="hatena-bookmark-button" title="このエントリーをはてなブックマークに追加" href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>"><img style="border: none;" src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20″ height=" /><img src="http://b.hatena.ne.jp/entry/image/<?php the_permalink() ?>" alt="" /></a><script src="http://b.st-hatena.com/js/bookmark_button.js" type="text/javascript"></script> 

で、

となります。