Movable Type(MT)でソーシャルブックマークを表示する方法

※重要
はてなブックマークだけは画像をダウンロードして自分のサイトのイメージフォルダにアップロードする必要があります。

titleタグとaltタグ内のテキスト（「この記事をはてなブックマークに追加」など）も、自分の好みのテキストに変更して使って下さいね。

■はてなブックマーク

画像ボタンを表示する方法（画像をダウンロードする必要あり）
<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>" title="この記事をはてなブックマークに追加"><img src="<$MTBlogURL$>画像のパス" alt="この記事をはてなブックマークに追加" width="16" height="12" />
参考：あなたのブログに「このエントリーを含むはてなブックマーク」ボタンを表示させる

被ブックマーク数を表示する方法
</a><a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>" title="はてなブックマーク数"><img src="http://b.hatena.ne.jp/entry/image/<$MTEntryPermalink$>" alt="はてなブックマーク数" /></a>
参考：自分のブログに被ブックマーク数を表示する

■Yahoo!ブックマーク

画像ボタンを表示する方法
<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(location.href)+'&ei=UTF-8','_blank','width=550,height=480,left=100,top=50,scrollbars=1,resizable=1',0);"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="この記事をYahoo!ブックマークに登録" title="この記事をYahoo!ブックマークに登録" style="border:none;"></a>
参考：「Yahoo!ブックマークに登録」リンク※2.「Yahoo!ブックマークに登録」アイコン（別ウィンドウ表示）

被ブックマーク数を表示する方法
<script src="http://num.bookmarks.yahoo.co.jp/numimage.js?disptype=small"></script>
参考：「ブックマーク人数表示」リンク※文字サイズ小

■Livedoorクリップ

画像ボタンを表示する方法
<a href="http://clip.livedoor.com/redirect?link=<$MTEntryPermalink$>&title=<$MTEntryTitle$>" class="ldclip-redirect" title="この記事をクリップ！"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" width="16" height="16" alt="この記事をクリップ！" style="border: none;vertical-align: middle;" /></a>
参考：ブログに「clip!」ボタンを設定しよう！※一番上のアイコン

被ブックマーク数を表示する方法
<a href="http://clip.livedoor.com/page/<$MTEntryPermalink$>"><img src="http://image.clip.livedoor.com/counter/medium/<$MTEntryPermalink$>" style="border: none;vertical-align: middle;" alt="クリップ数" title="クリップ数"></a>
参考：クリップ数を表示する画像カウンター※サイズはmedium

「Livedoorクリック」の上記リンク先は、ライブドアブログを前提にしたタグになっているので、MT用にカスタマイズしています。

■Buzzurl（バザール）

画像ボタンを表示する方法
<a href="http://buzzurl.jp/entry/<$MTEntryPermalink$>" title="この記事をBuzzurlにブックマーク"><img src="http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_mini_05.gif" alt="この記事をBuzzurlにブックマーク" style="border:0"></a>
参考：ブックマークアイコンの取り付け方※左下から2番目のアイコン

被ブックマーク数を表示する方法
<a href="http://buzzurl.jp/entry/<$MTEntryPermalink$>" title="ブックマーク数"><img src="http://api.buzzurl.jp/api/counter/<$MTEntryPermalink$>" alt="ブックマーク数" style="border:0"></a>
参考：同上

■delicious（デリシャス）

画像ボタンを表示する方法
<a href="http://del.icio.us/post?url=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>" title="この記事をdeliciousにブックマーク"><img src="http://static.delicious.com/img/delicious.gif" height="16" width="16" alt="この記事をdeliciousにブックマーク" /></a>
参考：Save Buttons

被ブックマーク数を表示する方法
基本的になし。（検索すれば出てきますがプラグインをインストールすれば表示可能なようです。）

deliciousのアイコンは18x18サイズと10x10サイズがありますが、当ブログでは18x18サイズにリンクし、16x16に縮めて使っています。

当サイトで使っているブログ構築システムは「Movable Type (ムーバブル・タイプ）」です。