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

2007年01月29日 06:32

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

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

Sbs Bookmark Button1

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

はてなブックマーク

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

livedoor クリップ

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

Buzzurl

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

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

はてなブックマーク

<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>"><img src="http://netafull.net/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をコピー＆ペーストしてもらえれば、そのまま使えるんじゃないかと思います。