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

1ヶ月くらい前かな??

当ブログでも「はてな」などのソーシャルブックマークを表示するようにしました。

こんなやつですね。

ソーシャルブックマーク

普通は3つくらい表示させるのかもしれませんが、僕は職業柄、勉強だと思って色々なソーシャルブックマークを表示させています。

ここでは、Movable Type(MT)でソーシャルブックマークを表示する方法をメモ変わりにまとめようと思います。

これからMTでソーシャルブックマークを表示したいと思っている方は参考にしてみて下さい。


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

そして、下記のHTMLの「画像のパス」の部分を自分のサイトに合わせてご使用下さい。

その他の部分はそのままコピペでいけます。(いけるはずです。)

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

はてなブックマーク

画像ボタンを表示する方法(画像をダウンロードする必要あり)

参考:あなたのブログに「このエントリーを含むはてなブックマーク」ボタンを表示させる

被ブックマーク数を表示する方法

参考:自分のブログに被ブックマーク数を表示する

Yahoo!ブックマーク

画像ボタンを表示する方法

参考:「Yahoo!ブックマークに登録」リンク※2.「Yahoo!ブックマークに登録」アイコン(別ウィンドウ表示)

被ブックマーク数を表示する方法

参考:「ブックマーク人数表示」リンク※文字サイズ小

Livedoorクリップ

画像ボタンを表示する方法

参考:ブログに「clip!」ボタンを設定しよう!※一番上のアイコン

被ブックマーク数を表示する方法

参考:クリップ数を表示する画像カウンター※サイズはmedium

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

Buzzurl(バザール)

画像ボタンを表示する方法

参考:ブックマークアイコンの取り付け方※左下から2番目のアイコン

被ブックマーク数を表示する方法

参考:同上

delicious(デリシャス)

画像ボタンを表示する方法

参考:Save Buttons

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

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