2008年11月10日

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

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

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

2 comments:

えいじゅなす さんのコメント...

はてなブックマークに追加するところは,いまは
href='"http://b.hatena.ne.jp/append?"
のところが
href='"http://b.hatena.ne.jp/entry/?"
になっています.

えいじゅなす さんのコメント...

訂正です.

href='"http://b.hatena.ne.jp/entry/"

でした.?は要りません.

コメントを投稿