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

MovableTypeに

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

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

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

（１）Facebookの「いいね！」ボタン

＜参考サイト＞

■Facebookの「いいね！」ボタン (Like Button) （Facebook 公式ページ）
■『【Facebook】ブログに「Like（いいね）」ボタンをつける方法』（ネタフル様）
■Movable Type 5 に Facebookの「いいね！」ボタン (Like Button) を付ける（おそえの日誌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 公式サイト：素材）

（３）はてなブックマークの「ブックマークする」ボタン

<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>

＜参考サイト＞

■使いやすくなりました！はてなブックマークボタン（はてな公式サイト）

共有する

コメントする

おそえの日誌2

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

トラックバックURL

コメントする