/var/log/seiji

13 May 2008

Social Bookmarkボタンの設置

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

Social Bookmark Iconset | Vikiworks™ Studio.jpg Social Bookmark Iconset | Vikiworks™ Studio

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

主要なSocialBookmark

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

各SocialBookmarkボタンの設置方法

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

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


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

はてなブックマーク - ヘルプ

livedoor.gif 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>

livedoor クリップ - ブログに「clip!」ボタンを設定しよう!

google.jpg 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.gif 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>

便利ツール : 「Yahoo!ブックマークに登録」ボタン・アイコン

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


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

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

Comments

comments powered by Disqus