ブックマークに追加するリンク(Yahoo!/Google 対応)

Yahoo!Japanが検索結果にブックマーク登録人数表示を開始したことを受けて、僕のブログでも、各ソーシャルブックマークに追加するリンクを見直してみました。今まではFeedBurnerのFeedflareの機能を使って一括で実装していたのですが、これだとアイコンや登録者数の表示に対応していなくて、少し不満に思っていたんです。そこで今回は、Movable Type のテンプレートをちょっと触って、アイコンや登録者数も表示しつつ「ソーシャルブックマークへ追加」リンクをつけてみました(今もRSSではFeedflareでリンクを出力しています)。

で、その表示例は次の通り。これはこのブログのトップページをブックマークに追加するリンクの例です(ただし Yahoo!ブックマークだけはこのページのもの)。なかなかいい感じじゃないですか?

Yahoo!ブックマークに登録  Yahoo!ブックマークでこのサイトを登録している人数 人が登録
このページを Google Bookmarks に追加
はてなブックマークに登録  
このエントリを del.icio.us に登録
この記事をクリップ!  
Buzzurlにブックマーク  Buzzurlにブックマーク

以下が、Movable Type のエントリーアーガイブ用のソースです。Movable Type をお使いの方はどうぞ。


<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(window.location.href)+'&opener=bm&ei=UTF-8','popup','width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50',0);"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="" /> Yahoo!ブックマークに登録</a>  <img src="http://i.yimg.jp/images/ybm/icons/view_url.gif" width="16" height="16" alt="Yahoo!ブックマークでこのサイトを登録している人数"> <script type="text/javascript" src="http://num.bookmarks.yahoo.co.jp/ybmno.php"></script>人が登録</a><br />
<a href="http://www.google.com/bookmarks/mark?op=edit&bkmk=<$MTEntryPermalink$>&title=<$MTEntryTitle$> | <$MTBlogName$>" target="_blank"><img alt="" src="http://www.google.co.jp/favicon.ico" border="0" width="16" height="16" /> このページを Google Bookmarks に追加</a><br />
<a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink$>"><img src="http://b.hatena.ne.jp/images/append.gif" alt="" width="16" height="12" border="0" /> はてなブックマークに登録</a>  <a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>"><img src="http://b.hatena.ne.jp/entry/image/<$MTEntryPermalink$>"></a><br />
<a href="javascript:url='<$MTEntryPermalink$>';title='<$MTEntryTitle$> | <$MTBlogName$>';location.href='http://del.icio.us/post?url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title)"><img src="http://del.icio.us/static/img/delicious.small.gif" width="16" height="16" alt="" /> このエントリを del.icio.us に登録</a><br />
<a href="http://clip.livedoor.com/clip/add?link=<$MTEntryPermalink$>&title=<$MTEntryTitle$> | <$MTBlogName$>&jump=myclip"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_b.gif" width="16" height="16" alt="" /> この記事をクリップ!</a>  <a href="http://clip.livedoor.com/page/<$MTEntryPermalink$>"><img src="http://image.clip.livedoor.com/counter/small/<$MTEntryPermalink$>" /></a><br />
<a href="http://buzzurl.jp/entry/<$MTEntryPermalink$>" target="_blank"><img src="http://buzzurl.jp/static/image/api/icon/add_icon_mini_08.gif" alt="" style="border:0">Buzzurlにブックマーク</a>  <a href="http://buzzurl.jp/entry/<$MTEntryPermalink$>"  target="_blank"><img src="http://api.buzzurl.jp/api/counter/<$MTEntryPermalink$>" alt="Buzzurlにブックマーク" style="border:0"></a>

ブログ内の関連する記事

広告

タグ: ,

 RSS購読で最新情報を取得

トラックバックURL

2件のトラックバック

  1. pligg.com より:

    ブックマークに追加するリンク(Yahoo!/Google 対応) | 住 太陽のブログ

    ソーシャルブックマークへ追加するためのリンク方法が解説されています。

  2. UNDERMOUNTAIN より:

    wordpressにGoogleブックマーク登録アイコンをつける

    前回Yahoo!ブックマーク登録のブログパーツを貼り付けたので、自分が使用しているオンラインブックマークであるGoogleブックマークを1クリックでブック…