ブログのブックマークボタンを取り付ける方法

ネタフルに、はてなブックマーク、livedoor クリップ、Buzzurlの各ソーシャルブックマークサービスのボタンを取り付けてみました。

タイトル下の日付の横にあるボタンがそれです。エントリーが各ソーシャルブックマークサービスでどのくらいブックマークされているか(人気があるか)が一目で分かります。

Sbs Bookmark Button1

ECナビ人気ニュースが「Buzzurl」にリニューアルというエントリーで方法は紹介していたのですが、気付かなかった人も多かったみたいなので、改めて独立したエントリーにしておきたいと思います。

はてなブックマーク

自分のブログに「このエントリーを含むはてなブックマーク」ボタン
自分のブログに「○○users」を表示

livedoor クリップ

ブログに「clip!」ボタンを設定しよう!
クリップ数を画像で取得する API

Buzzurl

ブックマークアイコンの取り付け方

これを基にして、ネタフルで実際に使用しているソースは以下のようになっています。

はてなブックマーク

<a href=”http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>”><img src=”https://netaful.jp/archives/b_entry.gif” width=”16″ height=”12″ style=”border: none;”
alt=”このエントリーを含むはてなブックマーク” title=”このエントリーを含むはてなブックマーク” /></a> <a href=”http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>” target=”_blank”><img src=”http://b.hatena.ne.jp/entry/image/<$MTEntryPermalink$>” border=”0″></a>

livedoor クリップ

<a href=”http://clip.livedoor.com/redirect?link=<$ArticlePermalink$>&title=<$BlogTitle URIESCAPE$>%20-%20<$ArticleTitle URIESCAPE$>&ie=euc” class=”ldclip-redirect” title=”この記事をクリップ!”><img src=”http://parts.blog.livedoor.jp/img/cmn/clip_16_12_w.gif” width=”16″ height=”12″ alt=”この記事をクリップ!” style=”border: none;” /></a> <a href=”http://clip.livedoor.com/page/<$MTEntryPermalink$>”><img src=”http://image.clip.livedoor.com/counter/<$MTEntryPermalink$>” border=”0″></a>

Buzzurl

<a href=”http://buzzurl.jp/entry/<$MTEntryPermalink$>” title=”Buzzurlにブックマーク” target=”_blank”><img src=”http://buzzurl.jp/static/image/api/icon/add_icon_mini_01.gif” alt=”Buzzurlにブックマーク” border=”0″></a><a href=”http://buzzurl.jp/entry/<$MTEntryPermalink$>” title=”Buzzurlにブックマーク” target=”_blank”><img src=”http://api.buzzurl.jp/api/counter/<$MTEntryPermalink$>” alt=”Buzzurlにブックマーク” border=”0″></a>

自分の好きなところにこれらHTMLをコピー&ペーストしてもらえれば、そのまま使えるんじゃないかと思います。