最新文章的加強版：其他的最新文章 (Other Recent Posts)

原來提過的「最新文章」模組，很單純是抓 Feed 裡面的資料，根據排序之後列出最前面的幾篇，不過在首頁顯示的時候有個問題，首頁不就已經顯示了最新文章嗎？假設你設定首頁列出十篇文章，「最新文章」模組裡面的標題也列出最新十篇，這不是都一樣嗎？這個模組放在首頁就很好笑了～我的加強版很簡單，主要有兩個部分，第一，把這塊模組放在 Blog 文章模組的下面，第二，修改之前的程式碼，只列出首頁沒出現的最新文章標題。

第一個問題，Blogger 除了提供範本原始碼 (Template HTML) 修改，另外也提供「網頁元素」一個視覺化的模組管理介面，如果想在 Blog 文章下面新拉一個模組（加入網頁元素），預設是不行的。不過呢只要偷改一下原始碼，把限制拿掉就可以了。打開範本的原始程式碼，原來 Blog 文章所在的區塊程式碼應該是這樣：

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='blog 文章' type='Blog'>
............. (以下略過不表)

顧名思義，把上面紅色那段刪除，Blog 文章所在的 Section 才能夠新增「網頁元素」。儲存後回到範本的網頁元素分頁，接著就可以在 Blog 文章所在的上方點選「加入網頁元素」了！接下來解決第二個問題，可以參照我之前的文章，不過為了「最新文章」和「最新回應」兩個模組可能衝突的問題，我另外更改了函示和部分變數的名稱。首先加入一個新的 HTML/Javascript 元素，填入下面的程式碼：

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

<script>
function handlePosts(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 PostShow = 10;
  var StartIndex = 5;
  var sortentry = json.feed.entry.sort(compareentry);
  if (json.feed.entry.length > StartIndex)
  {
    for (var i=StartIndex, Post; Post = sortentry[i]; i++) {
      if (i >= PostShow+StartIndex)
        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);
      temp += '<li><span class="item-title"><a href="'+link+'">'+ title +'</a> - '+timestamp+'</span></li>';
    }
  }
  else
    temp+="<li>No further post !</li>";
  temp+="</ul>";
  document.getElementById("newPosts").innerHTML = temp;
}
</script>

<script src="/feeds/posts/summary?orderby=published&alt=json-in-script&callback=handlePosts" type="text/javascript"/></script>

和之前不一樣的，我改了一些函示名稱和變數名字，主要是怕和最新回應模組衝突。我也加了一些修改，上述程式其中有兩個紅色變數，PostShow 指的是這個模組想要列出來的標題數量，而 StratIndex 指的是要從第幾篇開始表列。以我上面的範例來說，我在首頁只顯示五篇文章，而這個模組「應該」是顯示從第五篇之後的新文章標題，總共列出十個，所以設定就是上面這樣。另外補充的是，我希望這個「網頁元素」只出現在首頁，所以搭配另一篇文章提到的 Hack，讓我這個 Other Recent Posts 模組只會出現在首頁，裡面只顯示除了首頁五篇最新文章外的其他最新文章標題，這樣是不是比一般的「最新文章」模組來得合理多了？