ソーシャルブックマーク追加ボタンをつけてみた

このブログに主要なソーシャルブックマーク追加ボタンを設置してみました。はてなブックマークしか使ってなかったので、動作確認するために各種ブックマークサービスに登録する作業がひたすら面倒くさかったケド。（涙

設置方法はWWW Watchさんのエントリー「小技の効いた 「ブックマークに追加」 ボタン」を参考にさせて頂きました。ただ、紹介されているのはMobableTypeに設置する方法なので、パーマリンク部分をWordPress用のタグに変更したり、Yahoo!ブックマークを追加など、ちょっと弄ってみました。

以下、ソーシャルブックマーク追加ボタン部分のコードを抜粋。

Social Bookmark :
<a href="http://b.hatena.ne.jp/append?<?php the_permalink(); ?>" rel="nofollow" title="Hatenaブックマークに追加"><img src="<?php bloginfo('template_directory'); ?/>/images/add_bookmark_icon/hatena.gif" width="16" height="16" alt="Hatenaブックマークに追加" /></a>
<a href="http://del.icio.us/post?url=<?php the_permalink(); ?>&title=< ?php the_title(); ?>" rel="nofollow" title="del.icio.usに追加"><img src="<?php bloginfo('template_directory'); ?/>/images/add_bookmark_icon/delicious.gif" width="16" height="16" alt="del.icio.usに追加" /></a>
<a href="http://pookmark.jp/post?url=<?php the_permalink(); ?>&title=< ?php the_title(); ?>" rel="nofollow" title="POOKMARK Airlinesへ追加"><img src="<?php bloginfo('template_directory'); ?/>/images/add_bookmark_icon/pookmark.gif" width="18" height="16" alt="POOKMARK Airlinesへ追加" /></a>
<a href="http://clip.livedoor.com/redirect?link=<?php the_permalink(); ?>&title=< ?php the_title(); ?>" rel="nofollow" title="livedoorクリップへ追加"><img src="<?php bloginfo('template_directory'); ?/>/images/add_bookmark_icon/livedoor_clip.gif" width="16" height="16" alt="livedoorクリップへ追加" /></a>
<a href="http://bookmarks.yahoo.co.jp/action/bookmark?t=<?php the_title(); ?>&u=<?php the_permalink(); ?>" rel="nofollow" title="Yahoo!ブックマークに追加"><img src="<?php bloginfo('template_directory'); ?>/images/add_bookmark_icon/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" /></a>
<a href="http://clip.nifty.com/create?url=<?php the_permalink(); ?>&title=< ?php the_title(); ?>" rel="nofollow" title="ニフティクリップへ追加"><img src="<?php bloginfo('template_directory'); ?/>/images/add_bookmark_icon/nifty_clip.gif" width="16" height="16" alt="ニフティクリップへ追加" /></a>
<a href="http://newsing.jp/nbutton?title=<?php the_title(); ?>&url=< ?php the_permalink(); ?>" rel="nofollow" title="newsingへ投稿"><img src="<?php bloginfo('template_directory'); ?/>/images/add_bookmark_icon/newsing.gif" width="16" height="16" alt="newsingへ投稿" /></a>
<a href="http://www.choix.jp/bloglink/<?php the_permalink(); ?>" rel="nofollow" title="Choixへ追加"><img src="<?php bloginfo('template_directory'); ?/>/images/add_bookmark_icon/choix.gif" width="16" height="16" alt="Choixへ追加" /></a>
<a href="http://www.furl.net/storeIt.jsp?t=<?php the_title(); ?>&u=< ?php the_permalink(); ?>" rel="nofollow" title="Furlへ追加"><img src="<?php bloginfo('template_directory'); ?/>/images/add_bookmark_icon/furl.gif" width="16" height="16" alt="Furlへ追加" /></a>
<a href="http://reddit.com/submit?url=<?php the_permalink(); ?>&title=< ?php the_title(); ?>" rel="nofollow" title="Redditへ追加"><img src="<?php bloginfo('template_directory'); ?/>/images/add_bookmark_icon/reddit.gif" width="16" height="16" alt="Redditへ追加" /></a>

他には、Numb.さんが配布して下さっているwp-hatenaの機能拡張版を使って実装する方法もあるようで、プラグインで実装したい方にはオススメです。

Social Bookmark :
Category : WordPress | Permalink |