2010年8月25日水曜日

ソーシャルブックマークサービス リンクボタン設置

このブログを見ておわかりのように、ソーシャルブックマークサービスへのリンクボタンを設置してみた。
ソーシャルブックマーク追加ボタンやRSSリーダーへの追加ボタンを1つに統合して、多くのユーザに対応してくれるもの( AddClips )などもあるけれど、今回はHTMLを編集して、個別に設置してみた。

設置方法はとても簡単。
  • はてなブックマーク
<a expr:href='&quot;http://b.hatena.ne.jp/append?&quot; + data:post.url'><img alt='このエントリーをブックマークに追加' src='http://b.hatena.ne.jp/images/append.gif' style='border: none; margin: 0pt 0pt 0px 0px; float: none;' title='このエントリーをブックマークに追加'/></a>

  • Deliciousブックマーク
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='このエントリをdel.icio.usに追加する'><img alt='このエントリーをdel.icio.usに追加' height='12' src='http://www.kuribo.info/image/delicious/delicious_s.gif' style='border: none; margin: 0pt 0pt 0px 0px; float: none;' width='12'/></a>

  • Yahoo!ブックマーク
<a expr:href='&quot;http://bookmarks.yahoo.co.jp/action/bookmark?t=&quot;+ data:post.title + &quot;&amp;u=&quot; + data:post.url'><img alt='Yahoo!ブックマークに登録' height='16' src='http://i.yimg.jp/images/sicons/ybm16.gif' style='border: none; padding: 2px;' title='Yahoo!ブックマークに登録' width='16'/></a>

リンクボタンを設置したい場所に、埋め込んであげるだけで、あっさり設置完了。
こちらページを参考にさせていただきました。