[はてブ] ウェブリブログに「○○users」を表示する

はてなブックマークのブックマーク数を画像で取得するAPIを利用すると、
自分のブログ上に、自分のブログの被ブックマーク件数を表示することができます。
(何件くらいブックマークされているか)
ウェブリブログでも、以下の手順でこの「○○users」画像を掲載できます。
ブログのテンプレート変数でなくて JavaScript で現在の URL を自動取得する仕組みです。

1.フリースペースを表示する設定にする
ブログ>設定>表示項目設定 の画面で、[フリースペース]の
[表示]チェックボックスをONにしてください。

2.フリースペースを編集する
ブログ>設定>表示項目設定>フリースペース編集 の画面で、
以下の JavaScript を埋め込んでください。
<script><!--
    var url = window.location.protocol+'//'+window.location.hostname+window.location.pathname;
    document.write( '<a href="http://b.hatena.ne.jp/entry/'+url+'"><img src="http://b.hatena.ne.jp/images/entry.gif" width="16" height="12" border="0" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /> <a href="http://b.hatena.ne.jp/entry/'+url+'"><img border="0" src="http://b.hatena.ne.jp/entry/image/'+url+'"></a>' );
//--></script>

3.テンプレートを更新する
ブログ>編集 の画面下部で、[全てを選択]してから
[選択した記事のデザインを変更]を実行してください。

4.ブログのページの下の方に「○○users」が表示されたのを確認してください。
http://kawa.at.webry.info/200610/article_6.html
ブックマーク件数が0件(0user)の場合は、[B]アイコンだけが表示されます。
もし、[B]アイコンすら表示されない場合は、フリースペース非対応のテンプレートを
使用している可能性があります。
[イメージ選択]から、適当に他のテンプレートに変更してみてください。


※なお、[B] の画像については、いったんダウンロードして、
ファイルマネージャー からウェブリブログにアップロードしたものをご利用ください。
(はてなサーバへの負荷軽減のため)


"[はてブ] ウェブリブログに「○○users」を表示する" へのコメントを書く

お名前
ホームページアドレス
コメント