全民分红旗手**Blogger联播最新文章列表html代码产生器

Blogger联播最新文章列表html代码产生器

发贴者： Unknown 时间： 7/20/2009 04:34:00 上午标签：免费博客工具, 系统构件设置

Blogger联播最新文章列表html代码产生器

编辑：卧野观天 本文网址：http://qqggqqmm.blogspot.com/2009/07/bloggerhtml.html

今天晚上在逛Blogger的時候，突然發現Blogger的Feed目前已經支援JSON!一般不知道JSON是什麼東西的人可能不以為意，但說白話一點，這東西是可以讓跨網站也可以讀取到的資料結構。有這東西真的太方便了。如果還是不懂的人，可以利用我寫的這個聯播程式產生器，產生一段你自己的最新文章列表的Blogger Roll，然後你就可以隨便把這段程式碼丟給你的親朋好友，叫他們貼到他們的部落格上面，這樣他們的部落格就算沒有提供外抓RSS Feed的功能，只要能夠跑JavaScript，就可以順利顯示你的文章聯播了。嘿嘿。很方便吧。
這東西也可以拿來當成自己的最新文章唷。程式碼比起上次發表那個又短了一點。
~~PS.目前已知網址內包含"-"的這個版本會出錯，不過等明後日有空再修。~~已經修復
Preview都是顯示10筆，不過generator應可正確反應。
Update: 2006/11/27 修正排序問題，目前已經按照發佈時間排序。而非更新時間。聯播程式產生器:

顯示標題		通常輸入你自己的部落格名稱，例如:堯的最新文章
Blogger網址	http://.blogspot.com	只有beta blogger的有效唷。其他部落格系統者禁止亂入。
Posts Show		要顯示最新文章數目
Feeds Type		要搭配自己部落格的設定。

<div id="newposts###BLOGNAMECUT###">
    <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 handlePosts###BLOGNAMECUT###(json) {
 
    var temp = '<h2>###TITLE###</h2><ul id="Feed001_feedItemListDisplay">';
    var postshow=###POSTS###;
    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+'-'+authorname+'</span></li>';
      }
temp+="</ul>";
document.getElementById("newposts###BLOGNAMECUT###").innerHTML = temp;
}
</script>
 
<script src="http://###BLOGNAME###.blogspot.com/feeds/posts/###FEEDTYPE###?alt=json-in-script&callback=handlePosts###BLOGNAMECUT###" type="text/javascript"></script>

聯播程式碼：

网摘来源于：堯@部落格