「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='"http://b.hatena.ne.jp/append?" + 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='"http://clip.livedoor.com/clip/add?link=" + data:post.url + "&title=" + 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='"http://bookmarks.yahoo.co.jp/action/bookmark?t="+ data:post.title + "&u=" + 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='"http://b.hatena.ne.jp/append?" + data:post.url'><img alt='このエントリーをブックマークに追加' src='http://b.hatena.ne.jp/images/append.gif' style='border: none; padding: 0px;' title='このエントリーをブックマークに追加'/></a>
<!-- このエントリーを含むはてなブックマーク -->
<a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.url'><img alt='このエントリーを含むはてなブックマーク' expr:src='"http://b.hatena.ne.jp/entry/image/" + data:post.url' style='border: none; padding: 0px;' title='このエントリーを含むはてなブックマーク'/></a>
<!-- Livedoorクリップ・ボタン-->
| <a expr:href='"http://clip.livedoor.com/clip/add?link=" + data:post.url + "&title=" + 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='"http://clip.livedoor.com/page/" + data:post.url' target='_blank'><img expr:src='"http://image.clip.livedoor.com/counter/small/" + data:post.url' style='border: none; padding: 0px;'/></a>
<!-- Yahoo!ブックマーク・ボタン-->
| <a expr:href='"http://bookmarks.yahoo.co.jp/action/bookmark?t="+ data:post.title + "&u=" + 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='"http://bookmarks.yahoo.co.jp/url/"+ data:post.url'><img expr:src='"http://num.bookmarks.yahoo.co.jp/image/small/"+ data:post.url' style='border: none; padding: 0px; height:12px' /></a> |
</span>
Categories:
その他
コメントを投稿