*

はてなブックマーク数を表示する方法

公開日: : 最終更新日:2014/05/24 web(一般)


今回は自分のブログやサイトに、はてなブックマークの被リンク数の画像を表示する方法を紹介します。

はてなブックマークでブックマークされている数が users という画像で表示されているのを見かけると思います。

画像を取得するAPIが用意されているのでimgタグのsrcにAPIのurlを指定するだけで「○○ users」という画像が表示できます。

画像取得のAPI:

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

 

ブックマーク数の画像には、はてなブックマークのエントリーページへのリンクが張られることを前提としているそうなので、本ブログのトップページを例にすると下記のようになります。

例:「http://blog.ko-atrandom/」に対するusersを表示する場合

<a href=”http://b.hatena.ne.jp/entry/http://blog.ko-atrandom.com/”>KO-ATRANDOMブログトップ

<img src=”http://b.hatena.ne.jp/entry/image/http://blog.ko-atrandom.com/” alt=”はてなブックマーク” />

</a>

KO-ATRANDOMブログトップ

 

はてなブックマークさんがヘルプとして用意しているので、もっと色々と知りたい方はリンク先を読んでみてください。自分のブログに被ブックマーク数を表示する

ad_right_top

関連記事

blog_logo_small

Android Screen Moniter で Android スマホ タブレット を キャプチャー 配信

ビジネスユースでAndroidの画面をキャプチャーしたい、 ニコニコ、youtube、USTR

記事を読む

blog_logo_small

WordPressでソースコードを綺麗に表示:SyntaxHighLighterEvolved

本ブログはプログラミングに関する技術ブログなので、記事内にソースコードを記述することがかなり多いので

記事を読む

blog_logo_small

MediaWikiのCentOSへのセットアップ

MediaWikiをCentOSへインストールしてみたので掲載します。 事前準備 MediaWi

記事を読む

blog_logo_small

Apache:mod_rewriteでURLを正規化

今回はApacheの「 mod_rewrite」を使用してURLの正規化の方法を掲載します。

記事を読む

blog_logo_small

MediaWiki:GoogleAdsense広告を表示する方法[HTMLets]

mediawikiのコンテンツ部分にAdsense広告を表示する方法です。 コンテンツ部は普通

記事を読む

google以外広告

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ad_right_top

linux-pen
【cron】秒間隔で定期実行する為の設定方法

コマンドを定期実行させたい場合に利用するcronですが、普通に利用する

blog_logo_small
【Apache】 ReverseProxy(リバースプロキシ)を設定してサブディレクトで別サーバーの内容を表示

今回はApacheのリバースプロキシ設定について紹介したいと思います。

blog_logo_small
【Apache】 Aliasを設定してサブディレクトでDocumentRoot以外を参照する

今回はApacheのAlias設定について紹介したいと思います。この方

no image
2015:新年のご挨拶

明けましておめでとうございます。 昨年はたくさんの方々に当ブログ

blog_logo_small
MySQL:外部ホストからのDBアクセス方法

MySQLではデフォルトで外部ホストからのアクセスを許可していないので

→もっと見る

  • アクセスカウンター
PAGE TOP ↑