如何在Blogger新增隨機文章

For English Reader: How to Add a Random Post Gadget in Blogger

有時候想讓舊文章出來透透氣，以免永遠不見天日。找了網路上許多工具，但都有2個很大的缺點：1. 速度慢，使部落格效能低落。 2. 只抓得到部份文章(部落格文章總數超過500篇以上就抓不到)。

因此，為了改進這2個缺點，我抓取Google官方提供部落格文章清單功能，在配合最新的非同步傳輸技術，使得文章在載入的時候，不會讓整個部落格卡住，讓你載入速度超快，避免因為一個小工具降低整體效能。而且，經過一些程式技巧，就算您的文章總數超過500篇，一樣可以抓得到。並且，可讓使用者點擊的時候，更新隨機文章，增加互動性。

效果如下：

 

使用方法：

1. 先到後台管理頁面。版面配置->網驗元素。

2. 新增小工具

3. 新增一個HTML/JavaScript Gadget

4. 填上標題，和程式碼

 

程式碼如下：

<script type="text/javascript" src="http://sites.google.com/site/csietw123/randomPost.js"></script> <script type="text/javascript"> numofpost=3; borderSize=0; buttomLineSize=1; refresh_period=-1; RandomPost(); </script>

numofpost為一次顯示文章篇數，這裡是設定為3篇。

borderSize為邊框寬度，如果設為0的話，那就是沒有邊框。

buttomLineSize為每個標題下方的底線寬度，如果設為0的話，那就是沒有底線。

refresh_period為自動重新整理的週期，單位為秒數；如果不想自動重新整理，則設為-1。

各參數設定效果如下：

numofpost=3; borderSize=0; buttomLineSize=0;	numofpost=3; borderSize=2; buttomLineSize=0;
numofpost=3; borderSize=0; buttomLineSize=1;	numofpost=3; borderSize=2; buttomLineSize=1;

此程式已在Firefox 3.6、Firefox 4.0、Firefox 5.0、IE 6、IE 7、IE 8、Chrome 5、Opera 10測試過相容性，皆沒有問題，歡迎使用。

技術層面(無興趣可跳過)

我原本是使用stuffablog提供的服務，可是發現它不夠隨機，總是出現部分的隨機文章，不是把整個部落格文章都隨機輸出。這是因為它使用搜尋引擎的引索資料擷取下來的資訊，但是如果沒有被引索的頁面就無法顯示在隨機文章中。

網路上提供的第二個辦法是使用blogger本身提供的feeds來作為隨機清單，由bloggodown的作者實做出來，程式碼可以在這裡下載。使用這個方法時，一開始都很順利，但是使用一段時卻發現，早期的文章沒有被加入隨機清單裡，後來查詢到google的說明是：feeds的max-results參數最大只可以列出500篇。所以bloggodown提供的程式碼只能使用最新的500文章當作隨機清單。

以上2個方法是網路上提供的，但都有一些問題，因此我就自己寫，方法如同bloggodown，但是我會使用index參數設定起始位置，再用max-results當做要顯示的篇數，再透過分析JSON物件擷取之間的文章當作隨機清單，這樣就沒有500篇限制的問題了。