面白いカウンター「はてなブックマークカウンター」で「はてなブックマーク数」を表示

概要：面白いカウンター「はてなブックマークカウンター」で「はてなブックマーク数」を表示

皆さんはWebサイトで下記のようなカウンターをご覧になったことはありませんか？

私も、はてなブックマークに関連するものだろうなと思って探してみたらありました。これは「はてなブックマークカウンター」と呼ばれるもののようです。

はてなブックマークカウンターは任意の"ウェブサイト全体"の被ブックマーク数をカウンター画像として表示する機能です。自分の日記やブログが全体で何件 ブックマークを獲得しているかを画像カウンターでお知らせします。(なお、"特定の記事"の被ブックマーク数もまた別の方法で表示することができます。参考：http://b.hatena.ne.jp/help/bcounter

このカウンターを設置すれば、自分のサイトがどれだけ「はてなブックマーク」されているかを知ることができるわけです。

このカウンターが上昇していけば、自分のサイトが人気になってきていることが実感できるので、設置することでブログ更新のモチベーションアップになり、いいかもしれませんね。


今回ははてなブックマークカウンターをBloggerに設置してみます。

はてなブックマークカウンターのBloggerへの設置

１．ソースの取得

はてなブックマークカウンターのページにアクセスします。

はてなブックマークカウンター

ページを下にスクロールして、コードを取得します。

<a href="http://b.hatena.ne.jp/entrylist?url=ブログのURL">
<img src="http://b.hatena.ne.jp/bc/色/ブログのURL" class="bcounter" 
alt="この日記のはてなブックマーク数" title="この日記のはてなブックマーク数"></a>

ブログのURL：設置したいブログのURLを入力します。

色：好きな色(de, wh, or など半角アルファベット2文字)を指定します。色指定がない場合は標準色(de)が表示されます。

２．Bloggerへ設置

Bloggerにログイン→［レイアウト］ →［ガジェットを追加］→［HTML/JavaScript］

先ほど取得し、編集したコードをを貼り付けて［保存］します。その後［配置を保存］します。


非常に面白いカウンターなので、是非導入してみてくださいね(^-^)

スポンサードリンク