やっぱり自分のブログがブックマークされているかって気になりますよね。はてなブックマークではブログの URL を渡すだけで画像でその URL を含むブックマークが何件あるか返してくれるサービスがあります。こちらでやり方が紹介されています。
さて、このやり方は HTML を直接編集できるサービスに限定されます。TypePad でも上級者テンプレートを利用すれば MT タグを駆使して手軽にはてなブックマークカウンターを設置できるわけですが、私は別のやり方で対応する方法をご紹介します。
前にご紹介しました「jQueryライブラリを使う」ウィジェットを導入しつつ、TypeList にスクリプトを追加することで、上級者テンプレートを使わなくてもはてなブックマークカウンターが設置できるようになります。
まずは「jQueryライブラリを使う」ウィジェットを導入してください。こちらのページから jQuery を使うウィジェットをインストールできます。
次に TypeList の「メモ」または「リンク」のメモ欄に以下の javascript を貼付けます。(「リンク」の TypeList を使う場合はそのリストの設定ページで「メモをテキストとして表示」を選択しておいてください)
<script type="text/javascript">
$("h1").append('<div class="hatena-entrylist"><a href="http://b.hatena.ne.jp/entrylist?url='+ $("h1 a").attr("href") +'"><img src="http://b.hatena.ne.jp/bc/de/'+$("h1 a").attr("href")+'" class="bcounter" alt="この日記のはてなブックマーク数" title="この日記のはてなブックマーク数"/></a></iv>');
$(".hatena-entrylist").css("margin-left", "10px").css("display", "inline");
</script>
これで完了です。ブログを見ますと、ブログのタイトルの横にはてなブックマークカウンターが表示されたと思います。ブックマークの件数が全てではないですが、ブックマークの件数が増えることがブログを続けるモチベーションにつながるときもあります。どうぞご利用ください。
seealso:
Comments