はてブのコメントを好きな場所に表示する

ブログを書いていると、はてなブックマークにいいコメントが付くことがあって、これが多くの人にみれないのは勿体ないなぁーと思うことがたまにあります。 本当はブログのコメント欄に残してもらえるとうれしいのですが、敷居が高いのかなかなか書いてもらえません。

それなら、ブログにはてなブックマークのコメントを表示すればいい！と思って作ってみました。

これはいいですね！

僕は他人のページでも、必ず記事内容と合わせてはてブのブクマコメントを読んで消化・吸収の手助けとしてるので、これが色々なサイトに設置されてたら楽ちんでいいな。サイト管理者からしても、ブログにコメントがつかなくても、比較的書きやすいブクマコメントが出てきてくれてにぎやかでいいし、はてブとか知らない人も色々な人の意見を見られるからいいね！

ということで早速設置してみました。3ping.orgの他の記事を見てみてね。

mt.Vicuna for MT4 での設置方法

このような1つの機能は1つのテンプレートモジュールとしてまとめましょう。

1. MT4 の管理画面から デザイン → テンプレート → テンプレートモジュール 画面へ進みます
2. 「モジュールテンプレートを作成」、新規モジュールのタイトルを「はてブコメントの表示」とし、内容に hatena-bookmark-anywhere.js の読み込みと設定のスクリプトを記述します。(詳細は「ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js」を参照してください。)
3. テンプレートモジュール画面に戻り、「コメント」テンプレートモジュールを開きます。
4. 以下のように、2.で作成した「はてブコメントの表示」モジュールテンプレートをインクルードする記述を追加します。

   <MTIfCommentsActive>
   <div class="section" id="comments">
       <h2>Comments:<span class="count"><$MTEntryCommentCount$></span></h2>
       <$MTInclude module="コメント入力フォーム"$>
       <$MTInclude module="コメント詳細"$>
       <$MTInclude module="はてブコメントの表示"$>
   </div>
   </MTIfCommentsActive>
   

5. 再構築して完了!

MT4 なら上記のような設置方法になるとおもいますが、利用テンプレートによってコメントモジュールテンプレートの内容が若干違いますので注意してください。

また、上記のサンプルではブログコメントの下に挿入していますが、エントリーの末尾でも目に入りやすくていいですね。

• ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js