讓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>
-----------------------------我是分隔線-----------------------------------
0 意見