Blogger ブログでもらったコメントを一覧表示したい

こんにちは！HARU（ @HARU ）です。

いろんなブログで頂いたコメントを、一覧表示させていることってよくありますよね？

それ、Blogger ブログでもできます！

ということで、今回はコメントを一覧表示させる方法を２通りご紹介します。

投稿されたコメントが一覧になっていると、投稿した側（ 読者目線で ）は、投稿したコメントに対し、返事があるとすぐにわかるのでとても便利です。

ブログなどでコメントを投稿したことがある人は、便利なことが想像できるのではないでしょうか！

コメントを一覧表示させる方法

今回、紹介するコメントを一覧表示させる方法は以下の２つになります。

純正ウィジェットを使って簡単に設置する

ここでは Blogger 標準のウィジェットを使って設置する方法を説明します。

２カラムデザインのブログは、この方法が簡単でいいかもしれませんね。

  <!-- コード例 -->
  https://indoor-days.blogspot.com/feeds/comments/default

タイトルが消えてしまう？

最初に設定したタイトル（ 今回の場合「 最新のコメント 」 ）は、テンプレートの編集をすると消えてしまいます。

よくわかりませんが、Blogger の仕様です。

そこでテンプレートを変更してもタイトルが消えないように、コードに直接タイトルを入力しておきます。

    <!-- コード例 -->
    <h2>最新のコメント</h2>

個別ページに設置する

純正ウィジェットを使い、全ページに表示させるのではなく、個別ページに表示させる方法を説明します。

純正ウィジェットのような使い方もできますが、動作が重いため、こちらは個別ページに設置することをオススメします。

どこかしらに、純正ウィジェットのようなコメント一覧が表示されます。

もちろん、このまま例のようにサイドバーに実装しておくことも可能です。

続いて、個別ページに実装する方法を説明していきます。

コメント表示設定

以下のパラメータを変更することで、表示するコメントの設定をすることができます。

var sneeit_srcbw_count = 50; // 表示したいコメントの数
var sneeit_srcbw_summary_length = 100; // 表示したい文字数

コメント内の空白を消す

コメントには、改行を使う方もいると思います。

表示したコメント一覧の統一性を図るため、改行の無効化を行います。

改行（ br タグ ）を無効にする場合、以下の CSS を個別ページの<style type="text/css">内に記述します。

  br {
    display: none;
  }