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

| カテゴリー : Webサービス,WordPress | コメント (1)   はてなブックマーク - はてブ ブログパーツの設置

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

詳細は、ブックマーク数を画像で取得する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>

で、はてなブックマーク - PogoplugにつないだHDDをメンテしてみる。 という感じで表示されることになります。

 

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

<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>

で、はてなブックマーク - PogoplugにつないだHDDをメンテしてみる。 はてなブックマーク - PogoplugにつないだHDDをメンテしてみる。

 

<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> 

で、このエントリーをはてなブックマークに追加

となります。

おしらせ

  • Calemdar

    2012年3月
    « 2月   4月 »
     1234
    567891011
    12131415161718
    19202122232425
    262728293031  
  • Category

  • Archive

  • Latest articles

  • Tag Cloud