Movable Type に Facebook、 Twitter、はてなブックマークのボタンを設置する

  • 投稿日:
  • by
  • カテゴリ:

MovableTypeに

を設置する時のソースコードです。

テンプレートをアップデートしたら、カスタマイズしたテンプレートが上書きされちゃったので、自分用のメモです。

青色太字はMovable Typeのタグです。
赤色太字はカスタマイズした部分です。ご自身の環境に合わせて適時修正して下さい。
 

(1)Facebookの「いいね!」ボタン

<iframe src="http://www.facebook.com/plugins/like.php?href=<$MTEntryPermalink$>&amp;layout=box_count&amp;show_faces=true&amp;width=70&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:60px;" allowTransparency="true"></iframe>

<参考サイト>

Facebookの「いいね!」ボタン (Like Button) (Facebook 公式ページ)
■『【Facebook】ブログに「Like(いいね)」ボタンをつける方法』(ネタフル様)
Movable Type 5 に Facebookの「いいね!」ボタン (Like Button) を付ける(おそえの日誌2)

 

(2)Twitterの「ツイートする」ボタン

<a href="http://twitter.com/share" class="twitter-share-button" data-url="<$MTEntryPermalink$>" data-count="vertical" data-via="◆◆◆" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

data-via="◆◆◆"
↑ここの赤字部分は、ご自分のTwitterアカウントを入れて下さい。

<参考サイト>

『ツイートボタン』(Twitter 公式サイト:素材)

 

(3)はてなブックマークの「ブックマークする」ボタン

<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>" class="hatena-bookmark-button" data-hatena-bookmark-title="<$MTEntryTitle$>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

<参考サイト>

使いやすくなりました!はてなブックマークボタン(はてな公式サイト)