Bloggerにブックマーク（はてな、Livedoor、Yahoo）のボタンをつける

「Bloggerにソーシャルブックマークのボタンをつける」のエントリでは、Bloggerではてなブックマークとdel.icio.usとLivedoorクリップのボタンを点ける方法を紹介しましたが、Yahoo!ブックマークを使っている人も多くなっているので、ボタンを設置することにしました。以下その方法のメモです。

題名のすぐ右側にボタンを表示するためには、<div class='post hentry uncustomized-post-template'>のすぐ後にボタンを示す青色のコードを貼付けます。前のエントリでも書きましたが、ポイントは、ダブルクォーテーション（"）を"で、アンパサンド（&）を&を置き換えることです。

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<!-- はてなブックマーク -->
<span style='float:right; margin-bottom:2px'>
<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; padding: 2px;' title='このエントリーをブックマークに追加'/></a>
<!-- Livedoorクリップ-->
<a expr:href='&quot;http://clip.livedoor.com/clip/add?link=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='このエントリをlivedoorクリップに追加'><img alt='このエントリをlivedoorクリップに追加' src='http://parts.blog.livedoor.jp/img/cmn/clip_16_12_w.gif' style='border: none; padding: 2px;'/></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>
</span>

次に記事の下のボタンとそのエントリーをブックマークしている人の人数を表示するところは、以下の通りです。<b:include data='post' name='postQuickEdit'/>のすぐ後に青い色のコードを貼付けます。

<b:include data='post' name='postQuickEdit'/>
<span style='float:right; margin-bottom:2px'>
<!-- はてなブックマーク・ボタン-->
| <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; padding: 0px;' title='このエントリーをブックマークに追加'/></a>
<!-- このエントリーを含むはてなブックマーク -->
<a expr:href='&quot;http://b.hatena.ne.jp/entry/&quot; + data:post.url'><img alt='このエントリーを含むはてなブックマーク' expr:src='&quot;http://b.hatena.ne.jp/entry/image/&quot; + data:post.url' style='border: none; padding: 0px;' title='このエントリーを含むはてなブックマーク'/></a>
<!-- Livedoorクリップ・ボタン-->
| <a expr:href='&quot;http://clip.livedoor.com/clip/add?link=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='このエントリをlivedoorクリップに追加'><img alt='このエントリをlivedoorクリップに追加' src='http://parts.blog.livedoor.jp/img/cmn/clip_16_12_w.gif' style='border: none; padding: 0px;'/></a>
<!-- このエントリーを含むLivedoorクリップ -->
<a expr:href='&quot;http://clip.livedoor.com/page/&quot; + data:post.url' target='_blank'><img expr:src='&quot;http://image.clip.livedoor.com/counter/small/&quot; + data:post.url' style='border: none; padding: 0px;'/></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: 0px;' title='Yahoo!ブックマークに登録' width='16'/></a>
<!-- このエントリーを含むYahoo!ブックマーク -->
<a expr:href='&quot;http://bookmarks.yahoo.co.jp/url/&quot;+ data:post.url'><img expr:src='&quot;http://num.bookmarks.yahoo.co.jp/image/small/&quot;+ data:post.url' style='border: none; padding: 0px; height:12px' /></a> |
</span>