幫部落格 blogspot / blogger 做個網站目錄 (文章列表)

幫部落格 blogspot / blogger 做個網站目錄 (文章列表)

http://01mistery.blogspot.com/2009/09/contents-list.html

2009年9月27日星期日

幫部落格做個網站目錄（文章列表）吧

先前綸太郎有幫自己做一個用文章分類來列表的網站目錄，完全是人工作業，自己做超連結，大概兩三個禮拜才會手動更新，今天在Bloganol dot com網站看到，有利用Java Script的方法，快速的就能將之前的文章列出清單，真的是非常的方便，跟大家分享。

參考來源：
Create Table of Contents in Blogger sorted by Date(Archived) or Labels in Blogger

我的方式是以另起一篇新文章來實做，然後在部落格新增一個超連結，指向這篇文章即可。
例如
<a href="文章列表網址" target="_blank">網站目錄</a>

一、依日期分類


該作者設計的程式，最新的日期會在最上方，按月份分類，
記得語法是要在修改Html模式裡貼上，不是在撰寫模式下歐，不然會失敗。

2010.3.17更新，有網友反應無法成功，查了一下原因，原來是作者的js檔案連結失效，目前綸太郎有保留，

依月份日期的js檔
http://sites.google.com/site/lunfiles/js/archivedate.js

依文章分類的js檔
http://sites.google.com/site/lunfiles/js/archivepost.js

請下載後上傳到您自己的空間再利用，把藍色的js網址連結換成您自己的空間網址，請勿直接連結綸太郎的網址，否則以後移除後您也無法再利用。

<script src="http://deineshd.110mb.com/scripts/tocbyarchivemin.js">
</script>
<script src="http://01mistery.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>


裡面紅色字體的網址要換成你自己的部落格網址。


二、依文章分類

先是數字、再來以英文排序，這有一個缺點，就是最新的文章他不會在分類目錄最前面，目前我不知道他是用什麼基準來排列，不過最新文章旁邊會有一個New!!的字樣就是了。

<script style="text/javascript" src="http://deineshd.110mb.com/scripts/blogtoc-min.js"></script>
<script src="http://01mistery.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>

記得裡面紅色字體的網址要換成你自己的部落格網址才行，這樣就可以有屬於自己的文章列表了，以後查詢資料也比較方便，而且更新文章幾乎是即時的。

另外作者的語法是限制500篇文章，因為Javascript的語法我也不懂，應該如果大於500篇，可能是修改其中max-results=500的數字吧，對於這個工具，麻煩有問題可能要請教該名作者，這是它設計的js程式，我只是分享給大家，希望需要的人可以利用。

別家的部落格是不適用，這是作者專為Google Blogger設計的Hacks，真是謝謝他，不過目前還是會以舊有的目錄為優先，畢竟已經做了那麼久了，自己要加什麼敘述也比較方便，另外弄個新的文章列表連結即可。

當然我們後台也是有新增小工具，稱為網誌存檔(Archive)的工具，但他是顯示在邊欄(sidebar)裡，而且文章一多時，整個版面就會被拉長，我個人是不中意，所以沒裝這玩意，不過它更新的速度是比RSS資訊提供來得快，所以很多朋友是利用它來作最新文章的小工具也是不錯的。

========================================================================