ソーシャルサービスのボタンをブログに貼り付けた[MovableType]
(2011-02-17 19:25:48) by shinoda


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

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

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

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

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

を貼り付けるだけ。

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

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

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


コメント(4)
次の記事へ >
< 前の記事へ
TOPへ戻る

Powered by
MT4i 3.0.8