顯示最新文章可以讓你的游覽者可以清楚知道你最近在Blogger的文章是甚麼。但Blogger系統的部落格沒有提供最新文章列表，使用者若是想要這個功能，往往要使用其他方法來列出最新文章，方法當然很多，例如使用別人所寫的程式來顯示，或是使用blogger後台的工具訂閱自己的RSS來顯示。現在就跟大家分享如何讓Blogger有『最新文章列表』這功能。

Step 01

請先登入 blogger.com

Step 02

控制主頁：請按『版面配置』功能

Step 03

在適當的位置按一下『新增小工具』

Step 04

再選擇『HTML/JavaScript 新增』

Step 05

先改一個標題，例如：『最近十篇文章』

var postshow=xx; 顯示文章的數目
http://xxx.blogspot.com/ 把xxx改成你的Blog的地址

在內容裏貼上下列的Code，然後按『儲存』。


<div class="widget-content">
<div id="newpostsjinyaolin">
<h2>Loading...</h2>
</div>

<script>
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;

}
function handlePostsjinyaolin(json) {

var temp = '<ul id="Feed001_feedItemListDisplay">';
var postshow=xx;
var sortentry=json.feed.entry.sort(compareentry);
for (var i=0, post; post = sortentry[i]; i ) {
if(i>=postshow) break;
var title=post.title.$t;
var link=post.link[0].href;
var authorname=post.author[0].name.$t;
var timestamp=post.published.$t.substr(0,10);
temp = '<li><span class="item-title"><a href="' link '">' title '</a>-' timestamp '</span></li>';
}
temp ="</ul>";
document.getElementById("newpostsjinyaolin").innerHTML = temp;
}
</script>

<script src="http://xxx.blogspot.com/feeds/posts/default?alt=json-in-script&callback=handlePostsjinyaolin"

type="text/javascript"></script>
</div>

完成！