主要なソーシャルブックマーク追加ボタンを付ける

記事内にプロモーションを含む場合があります。

各種ブログ(MovableType、WordPress、FC2ブログ・DTIブログ、JUGEM、livedoor Blog、Seesaa)のエントリーをソーシャルブックマークに追加するボタンを付ける方法。

目次

対象ソーシャルブックマーク

使い方

ボタン画像を自分のブログにアップロードして、タグの画像URL部分を書き換えます。そのタグをテンプレートのエントリー部分に埋め込みます。
newsing・POOKMARK以外のボタンの画像は、各自でご用意してください。(アクセスが多いサイトは画像ボタンを自分のサーバーにダウンロードして使いましょう。)

JUGEMなどでPOOKMARKが文字化けする場合は、公式javascriptのコードを使用。

Movable Type用タグ

<a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink encode_url="1"$>"><img src="./icon/hatena.gif" alt="このエントリをはてなブックマークに登録" width="16" height="12" border="0" /></a>
 <a href="http://del.icio.us/post?url=<$MTEntryPermalink encode_url="1"$>&amp;title=<$MTEntryTitle encode_url="1"$>"><img src="./icon/delicious.png" width="13" height="13" border="0" alt="このエントリを del.icio.us に登録" /></a>
 <a href="http://clip.livedoor.com/clip/add?link=<$MTEntryPermalink encode_url="1"$>&amp;title=<$MTEntryTitle encode_url="1"$>&amp;jump=ref"><img src="./icon/liveclip.gif" alt="このエントリをlivedoorクリップに登録" width="16" height="16" border="0" /></a>
 <a href="http://pookmark.jp/post?url=<$MTEntryPermalink encode_url="1"$>&amp;title=<$MTEntryTitle encode_url="1"$>" title="この記事をPOOKMARKに登録する"><img border="0" src="http://pookmark.jp/images/add/add.gif" alt="この記事をPOOKMARKに登録する" /></a>
 <a href="http://bm.saaf.jp/bm/add?url=<$MTEntryPermalink encode_url="1"$>" title="このエントリをSaafブックマークへ追加"><img src="./icon/saaf.gif" alt="このエントリをSaafブックマークへ追加" height="16" width="16" border="0" /></a>
 <a href="http://newsing.jp/nbutton?title=<$MTEntryTitle encode_url="1"$>&url=<$MTEntryPermalink encode_url="1"$>"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="このエントリをnewsing it!へ追加" border="0" /></a>

WordPress用タグ

<a href="http://b.hatena.ne.jp/append?<?php the_permalink() ?>"><img src="./icon/hatena.gif" alt="このエントリをはてなブックマークに登録" width="16" height="12" border="0" /></a>
 <a href="http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>"><img src="./icon/delicious.png" width="13" height="13" border="0" alt="このエントリを del.icio.us に登録" /></a>
 <a href="http://clip.livedoor.com/clip/add?link=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>&amp;jump=ref"><img src="./icon/liveclip.gif" alt="このエントリをlivedoorクリップに登録" width="16" height="16" border="0" /></a>
 <a href="http://pookmark.jp/post?url=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>" title="この記事をPOOKMARKに登録する"><img border="0" src="http://pookmark.jp/images/add/add.gif" alt="この記事をPOOKMARKに登録する" /></a>
 <a href="http://bm.saaf.jp/bm/add?url=<?php the_permalink() ?>" title="このエントリをSaafブックマークへ追加"><img src="./icon/saaf.gif" alt="このエントリをSaafブックマークへ追加" height="16" width="16" border="0" /></a>
 <a href="http://newsing.jp/nbutton?title=<?php the_title(); ?>&url=<?php the_permalink() ?>"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="このエントリをnewsing it!へ追加" border="0" /></a>

FC2ブログ/DTIブログ 共用タグ

<a href="http://b.hatena.ne.jp/append?<%topentry_link>"><img src="./icon/hatena.gif" alt="このエントリをはてなブックマークに登録" width="16" height="12" border="0" /></a>
 <a href="http://del.icio.us/post?url=<%topentry_link>&amp;title=<%topentry_title>"><img src="./icon/delicious.png" width="13" height="13" border="0" alt="このエントリを del.icio.us に登録" /></a>
 <a href="http://clip.livedoor.com/clip/add?link=<%topentry_link>&amp;title=<%topentry_title>&amp;jump=ref"><img src="./icon/liveclip.gif" alt="このエントリをlivedoorクリップに登録" width="16" height="16" border="0" /></a>
  <a href="http://pookmark.jp/post?url=<%topentry_link>&amp;title=<%topentry_title>" title="この記事をPOOKMARKに登録する"><img border="0" src="http://pookmark.jp/images/add/add.gif" alt="この記事をPOOKMARKに登録する" /></a>
 <a href="http://bm.saaf.jp/bm/add?url=<%topentry_link>" title="このエントリをSaafブックマークへ追加"><img src="./icon/saaf.gif" alt="このエントリをSaafブックマークへ追加" height="16" width="16" border="0" /></a>
 <a href="javascript:window.location='http://newsing.jp/nbutton?title='+encodeURIComponent('<%topentry_title>')+'&url='+encodeURIComponent('<%topentry_link>');"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="newsing it!" title="newsing it!" border="0" /></a>

JUGEM用タグ

<a href="http://b.hatena.ne.jp/append?{entry_permalink}"><img src="./icon/hatena.gif" alt="このエントリをはてなブックマークに登録" width="16" height="12" border="0" /></a>
 <a href="http://del.icio.us/post?url={entry_permalink}&amp;title={entry_title}"><img src="./icon/delicious.png" width="13" height="13" border="0" alt="このエントリを del.icio.us に登録" /></a>
 <a href="http://clip.livedoor.com/clip/add?link={entry_permalink}&amp;title={entry_title}&amp;jump=ref"><img src="./icon/liveclip.gif" alt="このエントリをlivedoorクリップに登録" width="16" height="16" border="0" /></a>
 <a href="http://pookmark.jp/post?url={entry_permalink}&amp;title={entry_title}" title="この記事をPOOKMARKに登録する"><img border="0" src="http://pookmark.jp/images/add/add.gif" alt="この記事をPOOKMARKに登録する" /></a>
 <a href="http://bm.saaf.jp/bm/add?url={entry_permalink}" title="このエントリをSaafブックマークへ追加"><img src="./icon/saaf.gif" alt="このエントリをSaafブックマークへ追加" height="16" width="16" border="0" /></a>
 <a href="javascript:window.location='http://newsing.jp/nbutton?title='+encodeURIComponent('{entry_title}')+'&url='+encodeURIComponent('{entry_permalink}');"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="newsing it!" title="newsing it!" border="0" /></a>

livedoor Blog用タグ

 <a href="http://b.hatena.ne.jp/append?<$ArticlePermalink$>"><img src="./icon/hatena.gif" alt="このエントリをはてなブックマークに登録" width="16" height="12" border="0" /></a>
 <a href="http://del.icio.us/post?url=<$ArticlePermalink$>&amp;title=<$ArticleTitle$>"><img src="./icon/delicious.png" width="13" height="13" border="0" alt="このエントリを del.icio.us に登録" /></a>
 <a href="http://clip.livedoor.com/clip/add?link=<$ArticlePermalink$>&amp;title=<$ArticleTitle$>&amp;jump=ref"><img src="./icon/liveclip.gif" alt="このエントリをlivedoorクリップに登録" width="16" height="16" border="0" /></a>
 <a href="http://pookmark.jp/post?url=<$ArticlePermalink$>&amp;title=<$ArticleTitle$>" title="この記事をPOOKMARKに登録する"><img border="0" src="http://pookmark.jp/images/add/add.gif" alt="この記事をPOOKMARKに登録する" /></a>
 <a href="http://bm.saaf.jp/bm/add?url=<$ArticlePermalink$>" title="このエントリをSaafブックマークへ追加"><img src="./icon/saaf.gif" alt="このエントリをSaafブックマークへ追加" height="16" width="16" border="0" /></a>
 <a href="javascript:window.location='http://newsing.jp/nbutton?title='+encodeURIComponent('<$ArticleTitle$>')+'&url='+encodeURIComponent('<$ArticlePermalink$>');"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="newsing it!" title="newsing it!" border="0" /></a>

seesaa用タグ

<a href="http://b.hatena.ne.jp/append?<% article.page_url %>"><img src="./icon/hatena.gif" alt="このエントリをはてなブックマークに登録" width="16" height="12" border="0" /></a>
 <a href="http://del.icio.us/post?url=<% article.page_url %>&amp;title=<% article.subject %>"><img src="./icon/delicious.png" width="13" height="13" border="0" alt="このエントリを del.icio.us に登録" /></a>
 <a href="http://clip.livedoor.com/clip/add?link=<% article.subject %>&amp;title=<% article.subject %>&amp;jump=ref"><img src="./icon/liveclip.gif" alt="このエントリをlivedoorクリップに登録" width="16" height="16" border="0" /></a>
 <a href="http://pookmark.jp/post?url=<% article.page_url %>&amp;title=<% article.subject %>" title="この記事をPOOKMARKに登録する"><img border="0" src="http://pookmark.jp/images/add/add.gif" alt="この記事をPOOKMARKに登録する" /></a>
 <a href="http://bm.saaf.jp/bm/add?url=<% article.page_url %>" title="このエントリをSaafブックマークへ追加"><img src="./icon/saaf.gif" alt="このエントリをSaafブックマークへ追加" height="16" width="16" border="0" /></a>
 <a href="javascript:window.location='http://newsing.jp/nbutton?title='+encodeURIComponent('<% article.subject %>')+'&url='+encodeURIComponent('<% article.page_url %>');"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="newsing it!" title="newsing it!" border="0" /></a>

Javascriptのコード

<a href="javascript:window.location='http://pookmark.jp/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);" title="この記事をPOOKMARK Airlinesに登録する"><img border="0" src="http://pookmark.jp/images/add/add.gif" align="absmiddle" />この記事をPOOKMARK Airlinesに登録する</a>