blog.seiji.me | seiji.me

Social Bookmarkボタンを設置するのが常となってきています。どこのボタン、そしてどのように設置をしたらよいのでしょうか？

Social Bookmark Iconset | Vikiworks™ Studio

AddClpsなどのボタン総合サービスを提供しているサイトもありますが、今回は個別に設置することを考えていきたいと思います。

主要なSocialBookmark

まず設置を欠かせないのは以下の5つでしょう。

•  はてなブックマーク
•  livedoorクリップ
•  Googleブックマーク
•  Yahoo! ブックマーク
•  del.icio.us

各SocialBookmarkボタンの設置方法

実際にこのサイトにも設置したいと思います。

•  はてなブックマークの設置方法
•  livedoorクリップの設置方法
•  Googleブックマークの設置方法
•  Yahoo! ブックマークの設置方法
•  del.icio.usブックマークの設置方法

 はてなブックマークの設置方法

<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="画像のURL" width="16" height="12"
 style="border: none;" alt="このエントリーを含むはてなブックマーク"
 title="このエントリーを含むはてなブックマーク" />
</a>

 livedoorクリップの設置方法

<a href="http://clip.livedoor.com/redirect?link=<$ArticlePermalink$>&title=<$BlogTitle URIESCAPE$>%20-%20<$ArticleTitle URIESCAPE$>&ie=utf" 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>

 Googleブックマークの設置方法

<a href="http://www.google.com/bookmarks/mark?op=edit&bkmk=<$ArticlePermalink$>&title=<$BlogTitle URIESCAPE$>" target="_blank"><img alt="" src="http://www.google.co.jp/favicon.ico" border="0" width="16" height="16" /> このページを Google Bookmarks に追加
</a>

 Yahoo! ブックマークの設置方法

<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(location.href)+'&ei=UTF-8','_blank','width=550,height=480,left=100,top=50,scrollbars=1,resizable=1',0);"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;">
</a>

 del.icio.us ブックマークの設置方法

<a href="http://del.icio.us/post?url=<$ArticlePermalink$>&title=<$BlogTitle URIESCAPE$>">del.icio.us it!
</a>

あんまり多くのボタンを付けてもあれですので、上記5つを設置したいと思います。