自訂最新留言

最近才發現, 使用blogger內建的RSS做的最新留言太陽春了

連字數與排版都沒辦法自訂QQ,只好又花點時間研究

於是從 http://codinghunter.blogspot.com/ 下了原碼, 小修改一下, 如下

<div id="newComments">
  Loading...
  <noscript>failed!<br/>Javascript not supported here!</noscript>
</div>


<script>
function handleComments(json) {


  function compareentry(a,b) {
  order= Date.parse(a.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 GMT')) - Date.parse(b.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 GMT'));
  return 0-order;
  }


  var temp = '<ul>';
  var CommentShow = 5;
  var sortentry = json.feed.entry.sort(compareentry);
  for (var i=0, Comment; Comment = sortentry[i]; i++) {
    if (i >= CommentShow)
      break;
    var title=Comment.content.$t.substr(0,20);
    title=title.replace(new RegExp("BR","gm"), "");
    title=title.replace(new RegExp("</>","gm"), " ");
    title=title.replace(new RegExp("br","gm"), "");
    title=title.replace(new RegExp("< />","gm"), " ");  
var link=Comment.link[2].href.replace("#", "#");
    var authorname=Comment.author[0].name.$t;
    var timestamp=Comment.published.$t.substr(0,10);
    temp += '<li><span class="item-title"> <a href="'+link+'">'+ title +'</a> <BR/>'+authorname+'- '+timestamp+'</span></li>';
  }
  temp+="</ul>";
  document.getElementById("newComments").innerHTML = temp;
}
</script>


<script src="/feeds/comments/default?alt=json-in-script&callback=handleComments" type="text/javascript"/></script>