MovableType: 2011年2月アーカイブ

前から、いいね！ボタンとかをブログに設置したかったんだが、仕事が忙しいんでなかなかやる気が起こらなかった。

んが、そんな話をしたら、某Facebookフレンドさんから、noriさんのサイト「ブログ・サイトに貼る主要ソーシャルサービスのボタンソースジェネレータ」で作ったタグを貼るだけでＯＫ！と教えてもらったので、さっきお客さんからの原稿待ちをしていた間に作業してみた。

デザインメニューで「テンプレート」を選び、テンプレートモジュールの「ブログ記事の詳細」を選択する。

で、追加記事の下、つまり、

<MTIfNonEmpty tag="EntryMore" convert_breaks="0">
        <div id="more" class="asset-more">
            <$MTEntryMore$>
        </div>
</MTIfNonEmpty>

の下に、noriさんのサイトで作成した HTML ソース（↓こんなヤツ）

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" src="http://static.evernote.com/noteit.js"></script><a href="#" onclick="Evernote.doClip({}); return false;"><img src="http://static.evernote.com/article-clipper-jp.png" alt="Clip to Evernote" /></a>
<iframe src="&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;colorscheme=light&amp;height=20">http://www.facebook.com/plugins/like.php?href=<$MTEntryPermalink$>&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:20px;" allowTransparency="true"></iframe>

を貼り付けるだけ。

で、全ページの再構築を行ったら、見事詳細ページの下にボタンが並んでる。むふ。

最初は、「ブログ記事」のテンプレートに貼ったんだけど、それだと、カテゴリ、タグの下にボタンが並ぶんで、なんとなく本文と分断されてる感じがしてヤだったんだよな。
やっぱ、本文のすぐ下に有って、読んですぐに「おっ！いいね！」ってボタン押してほしいじゃん。

・・・いや、俺の文章が「いいね！」に値するかどうかは別問題として(^^;