Google Blogger 最近のコメント…2

ようやくhtmlをブログ内に表示する方法がわかった。

HTMLソース実体参照変換フォーム

これで無事 html は表示されるようになった。

他の人みたいに色違いに今度はしたいな。


最近のコメントは10件表示されます。

日付の入れ方が相変わらずわかりません。

最後のほうの

http://○○.blogspot.com/feeds/comm…

ここの丸【○】の部分に自分のアドレスを入れて、

レイアウトのページ要素を追加して、

HTML/JavaScriptを選択して下のhtmlコピーペーストすれば、

10件分の最近のコメントは表示されます。



--------------------------------------------------------------------

<div class="widget-content">

    <dl id="recentComments"></dl>
<script type="text/javascript">
function renderComments (json) {
  var list = document.getElementById("recentComments");

  for (var i = 0; i < json.feed.entry.length; ++i) {
    var entry = json.feed.entry[i];
    var dt = document.createElement("DT");
    var dd = document.createElement("DD");
    var href;

    for (var j = 0; j < entry.link.length; ++j) {
      if (entry.link[j].rel == "alternate") {
        href = entry.link[j].href.replace(/#/, "#comment-");
      }
    }

    var a = document.createElement("A");
    a.setAttribute("href", href);
    a.appendChild(document.createTextNode(entry.author[0].name.$t  + " wrote..."));
    dt.appendChild(a);

    dd.appendChild(document.createTextNode(entry.title.$t));
    list.appendChild(dt);
    list.appendChild(dd);
  }
}
</script>

<script src="http://○○.blogspot.com/feeds/comments/default?alt=json-in-script&callback=
renderComments&max-results=10" type="text/javascript"></script>
  </div>


-----------------------------------------------------------------


僕はコメントも少ないのであんまり活用していませんが……

お試しあれ。