Blogger 上使用近期文章和近期意見的語法

在這裡還是紀錄一下 Blogger 上使用近期文章和近期意見的語法 ψ(._. )>
腦袋記不了這麼多，要是連來源都忘記還真囧
Abin's Tech Note:
最新文章模組「終極版」
應用 JSON 實現「最新文章」、「最新回應」和「Blog 聯播」

因為以下語法有使用到 feed 功能
所以要在 Blogger 後台/設定/網站提供/進階模式
網誌文章資訊提供 設定成完整
網誌意見資訊提供 設定成完整

newPosts 近期文章

<div id="newPosts">

  <noscript>failed!<br/>Javascript not supported here!</noscript>

</div>



<script>

var nPostStartIndex = 1;

var nPostShow = 10;



function showRecentPosts(nIndex) {

  if (!nIndex)

    nIndex = nPostStartIndex;

  var sFeedURL = '/feeds/posts/summary?orderby=published&start-index='+nIndex+'&max-results='+(nPostShow+1)+'&alt=json-in-script&callback=generatePosts';

  var script = document.createElement('script');

  document.getElementById('newPosts').innerHTML = 'Loading <blink>...</blink>';

  script.setAttribute('src', sFeedURL);

  script.setAttribute('type', 'text/javascript');

  document.documentElement.firstChild.appendChild(script);

}



function generatePosts(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 sHTML = '<ul>';

  var sortentry = json.feed.entry.sort(compareentry);

  var nIndex = parseInt(json.feed.openSearch$startIndex.$t);

  var nTotalPost = parseInt(json.feed.openSearch$totalResults.$t);

  for (var i = 0, Post; Post = sortentry[i]; i++) {

    if (i >= nPostShow)

      break;

    var title = Post.title.$t;

    var j = 0;

    while (j < Post.link.length && Post.link[j].rel != "alternate")

      j++;

    var link = Post.link[j].href;

    var timestamp=Post.published.$t.substr(0,10);

    sHTML += '<li><span class="item-title"><a href="'+link+'">'+ title +'</a> </span></li>';

  }

  sHTML += '</ul>';

  sHTML += generatePostLink(parseInt(json.feed.entry.length), nIndex, nTotalPost);

  document.getElementById('newPosts').innerHTML = sHTML;

}



function generatePostLink(nFetch, nIndex, nTotalPost) {

  var bOld = (nFetch > nPostShow);

  if (bOld) nFetch = nPostShow;

  var sResult = '<p align="right">Recent '+nIndex+'-'+(nIndex+nFetch-1)+', total: '+nTotalPost+'.&nbsp;&nbsp;';

  if (nIndex > nPostStartIndex)

    sResult += '<a href="javascript:showRecentPosts('+(nIndex-nPostShow)+');" title="Newer Posts">&lt;&lt;</a>&nbsp;&nbsp;';

  if (bOld)

    sResult += '<a href="javascript:showRecentPosts('+(nIndex+nPostShow)+');" title="Older Posts">&gt;&gt;</a>';

  sResult += '</p>';

  return sResult;

}

</script>



<script language="javascript">showRecentPosts();</script>

近期意見 newComments

<div id="newComments">

<noscript>failed!<br/>Javascript not supported here!</noscript>

</div>



<script>

var nCommentStartIndex = 1;

var nCommentShow = 8;



function showRecentComments(nIndex) {

if (!nIndex)

nIndex = nCommentStartIndex;

var sFeedURL = '/feeds/comments/summary?orderby=published&start-index='+nIndex+'&max-results='+(nCommentShow+1)+'&alt=json-in-script&callback=generateComments';

var script = document.createElement('script');

document.getElementById('newComments').innerHTML = 'Loading <blink>...</blink>';

script.setAttribute('src', sFeedURL);

script.setAttribute('type', 'text/javascript');

document.documentElement.firstChild.appendChild(script);

}



function generateComments(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 sHTML = '<ul>';

var sortentry = json.feed.entry.sort(compareentry);

var nIndex = parseInt(json.feed.openSearch$startIndex.$t);

var nTotalComment = parseInt(json.feed.openSearch$totalResults.$t);

for (var i = 0, Comment; Comment = sortentry[i]; i++) {

if (i >= nCommentShow)

break;

var authorname = Comment.author[0].name.$t;

var title = Comment.title.$t.substr(0,30);

var j = 0;

while (j < Comment.link.length && Comment.link[j].rel != "alternate")

j++;

var link = Comment.link[j].href;

var timestamp = Comment.published.$t.substr(0,10);

sHTML += '<li><span class="item-title">'+authorname+': <a href="'+link+'">'+ title +'</a> </span></li>';

}

sHTML += '</ul>';

sHTML += generateCommentLink(parseInt(json.feed.entry.length), nIndex, nTotalComment);

document.getElementById('newComments').innerHTML = sHTML;

}



function generateCommentLink(nFetch, nIndex, nTotalComment) {

var bOld = (nFetch > nCommentShow);

if (bOld) nFetch = nCommentShow;

var sResult = '<p align="right">Recent '+nIndex+'-'+(nIndex+nFetch-1)+', total: '+nTotalComment+'.&nbsp;&nbsp;';

if (nIndex > nCommentStartIndex)

sResult += '<a href="javascript:showRecentComments('+(nIndex-nCommentShow)+');" title="Newer Comments">&lt;&lt;</a>&nbsp;&nbsp;';

if (bOld)

sResult += '<a href="javascript:showRecentComments('+(nIndex+nCommentShow)+');" title="Older Comments">&gt;&gt;</a>';

sResult += '</p>'; 

return sResult;

}

</script>



<script language="javascript">showRecentComments();</script>