Home > Webサービス | ブログ・インターネット >
ソーシャルブックマークボタンを追加、user数も表示するタグのまとめ

ソーシャルブックマークボタンを追加、user数も表示するタグのまとめ

ソーシャルブックマークとそのブクマ人数を表示するタグのまとめ。はてなブックマーク、livedoorクリップ、Yahooブックマーク、buzzurl 編。

さっきエントリを書いたのですが、手違いで消してしまったので、もう一度書きます。

ソーシャルブックマークサービスに登録するボタンをブログやサイトに設置すると、しないときよりも登録されやすくなります。

私はMovableTypeを使っているので記事のURLを入れる部分に<$MTEntryPermalink$>が入っています。他のブログやサイトの場合はその部分にその記事のURLや記事のリンクタグを入力してください。

どのブログでもエントリタグの間にこのタグを貼り付ければ出来ると思います。

はてなブックマーク

<a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink$>">
<img src="[ボタン画像のURL]" alt="この記事をはてなブックマークに登録" width="16" height="12"></a>
（ブクマに追加ボタン）

<img src="http://b.hatena.ne.jp/entry/image/
<$MTEntryPermalink$>" alt="この記事のはてなブックマーク数">
（登録人数表示）

はてなブックマークの場合は追加ボタンの画像をサイトからダウンロードし、自分の画像ファイルにアップロードする。上記の[ボタン画像のURL]部分にはてブ画像のURLを入力。

はてな以外のソーシャルブックマークサービスでは画像のダウンロードは必要ありません。

livedoorクリップ

<a href="http://clip.livedoor.com/redirect?link=<$MTEntryPermalink$>&
title=<$MTEntryTitle$>%20-%20<$ArticleTitle URIESCAPE$>&ie=euc" class="ldclip-redirect" title="この記事をクリップ！"><img src="http://parts.blog.livedoor.jp/img/cmn/
clip_16_16_w.gif" width="16" height="16" alt="この記事をクリップ！" style="border: none;vertical-align: middle;" /></a>
（ブクマに追加ボタン）

<img src="http://image.clip.livedoor.com/counter/
<$MTEntryPermalink$>" alt="この記事の livedoor クリップ数">
（登録人数表示）

ライブドアクリップの場合記事のリンクだけでなく、「&title=」のあとに記事のタイトルURLかタイトルタグを入力します。MTの場合は<$MTEntryTitle$>。

いくつか画像があるので好きなのを選べます。

Yahooブックマーク

<a href="javascript:location.href=
'http://bookmarks.yahoo.co.jp/action/bookmark?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(location.href);"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;"></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_10.gif" alt="Buzzurlにブックマーク" style="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にブックマーク" style="border:0"></a>
（登録人数表示）

いくつか画像があるので好きなのを選べます。

AddClips

約20類のブックマークを一つのボタンにまとめるサービス。他のブックマークも取りこぼさない様にこのサービスも使いました。

AddClipsの詳細

AddClipsでほぼ全てのブクマが補完できるのですが、登録人数を表示したいのと、並べたかったので付けてみた。

あまり付けすぎてもかっこわるいのでAddClipsも併用。

ブクマボタン付けるとグッとブログらしくなりますよね。