Movable Type に Facebook、 Twitter、はてなブックマークのボタンを設置する
MovableTypeに
を設置する時のソースコードです。
テンプレートをアップデートしたら、カスタマイズしたテンプレートが上書きされちゃったので、自分用のメモです。
青色太字はMovable Typeのタグです。
赤色太字はカスタマイズした部分です。ご自身の環境に合わせて適時修正して下さい。
<iframe src="http://www.facebook.com/plugins/like.php?href=<$MTEntryPermalink$>&layout=box_count&show_faces=true&width=70&action=like&font=arial&colorscheme=light&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)
<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アカウントを入れて下さい。
<参考サイト>
<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> |
<参考サイト>
コメントする