Kawa.netブログ（川崎有亮）

アクセスカウンタ

help リーダーに追加 RSS [はてブ] ウェブリブログに「○○users」を表示する

<<   作成日時 ： 2006/10/18 01:02   >>

トラックバック 0 / コメント 0

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

１．フリースペースを表示する設定にする
ブログ＞設定＞表示項目設定 の画面で、［フリースペース］の
［表示］チェックボックスをONにしてください。

２．フリースペースを編集する
ブログ＞設定＞表示項目設定＞フリースペース編集 の画面で、
以下の 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>

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

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


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


設定テーマ

関連テーマ 一覧
<< 前記事（2006/10/17） トップへ 後記事（2006/10/20）>>

月別リンク

トラックバック（0件）

タイトル （本文） ブログ名／日時

トラックバック用URL help


自分のブログにトラックバック記事作成（会員用） help

タイトル
本　文

コメント（0件）

内 容 ニックネーム／日時

コメントする help

ニックネーム
本　文
<< 前記事（2006/10/17） トップへ 後記事（2006/10/20）>>

EDGE Now!