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

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	510152025	要顯示最新文章數目
Feeds Type	ShortFull	要搭配自己部落格的設定。

<div id="newposts###BLOGNAMECUT###"><br /> <h2>Loading...</h2><br /></div><br /><script> <br />function compareentry(a,b){<br /> order= Date.parse(a.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/,<br /> '$1/$2/$3 $4 GMT')) - Date.parse(b.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/,<br /> '$1/$2/$3 $4 GMT'));<br /> return 0-order;<br /> <br />}<br />function handlePosts###BLOGNAMECUT###(json) {<br /> <br /> var temp = '<h2>###TITLE###</h2><ul id="Feed001_feedItemListDisplay">';<br /> var postshow=###POSTS###;<br /> var sortentry=json.feed.entry.sort(compareentry);<br /> for (var i=0, post; post = sortentry[i]; i++) {<br /> if(i>=postshow) break;<br /> var title=post.title.$t;<br /> var link=post.link[0].href;<br /> var authorname=post.author[0].name.$t;<br /> var timestamp=post.published.$t.substr(0,10);<br /> temp += '<li><span class="item-title"><a href="'+link+'">'+ title +'</a>-'+timestamp+'-'+authorname+'</span></li>';<br /> }<br />temp+="</ul>";<br />document.getElementById("newposts###BLOGNAMECUT###").innerHTML = temp;<br />}<br /></script><br /> <br /><script src="http://###BLOGNAME###.blogspot.com/feeds/posts/###FEEDTYPE###?alt=json-in-script&callback=handlePosts###BLOGNAMECUT###" type="text/javascript"></script>
聯播程式碼：

网摘来源于：堯@部落格