10/02/2010

讓Blogger顯示最新文章

Blogger的優點我覺得就是界面預設非常乾淨
不過太乾淨總會想找些東西來擺擺......
要是有想讓Blogger顯示最新文章需求的可看看

顯示最新文章的方法我有找到2個,設定都差不多簡單,我是使用第一種方法,看各人喜好選擇吧XD

1.利用RSS來設定最新文章
版面配置→新增小工具→資訊提供,填入你的網址。

最新文章 http://網誌網址/feeds/posts/default
ex: http://acgxi.blogspot.com/feeds/posts/default
ex: http://acgxi.blogspot.com/feeds/posts/full

資訊提供進階設定可以在網址後所加的變數:
?orderby=published (依發佈日期)
?alt=rss (以rss2.0標準)
?max-results=3 (最多顯示幾篇文章)
記得後面的第二個要加入的變數,將?改成&
ex:http://acgxi.blogspot.com/feeds/posts/default?alt=rss&max-results=3
ex:http://acgxi.blogspot.com/feeds/posts/full?alt=rss&max-results=3

* default是簡短,full是完整,可以自己調整,但記得後台設定要改(後台設定→網站提供→blog 文章資訊提供)

參考來源 Taiwan's 生活

2.版面配置→新增小工具→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 = 5;
  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 j=0;
    while (j < Post.link.length && Post.link[j].rel != "alternate")
      j++;
    var link=Post.link[j].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></span></li>';
  }
  temp+="</ul>";
  document.getElementById("newPosts").innerHTML = temp;
}
</script>

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

-----------------------------我是分隔線-----------------------------------
紅色的部分是設定要顯示的文章數

參考來源 ABIN'S TECH NOTE

這篇文章對您有幫助嗎?