2010年7月19日

[Blogger] 設置文章總覽效果

此篇為點圖放大文章
Blogger.jpg要在Blogger顯示自己過去所寫的文章,大部分都是會使用Blogger內建的小工具─網誌存檔(如:本網誌左側文章總覽欄位),然而網誌存檔不管是下拉式選單或階層、條列式,都是採用日期排列,無法看出全部標籤的文章。

不過昨天在PTT Blog版上發現解決此一問題的最佳方法,可以自動讀取所有標籤文章的模組,個人安裝測試後,發現整個模組運作及外觀都令人都相當滿意,模組示範可以參考本站上方文章總覽頁面。

安裝方式也很簡單,只要在Blogger中新建立一篇網頁/文章,下圖使用新增網頁為範例
Blogger1.jpg

選擇修改HTML
Blogger2.jpg

插入以下程式碼,並把部落格網址替換成自己部落格網址即可
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://部落格網址/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript"> var accToc=true; </script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>


文章總覽模組來源:Table of contents and Accordion for Blogger
如果不喜歡此種模組樣式,想更換成表格樣式可以另外參考這篇:Table of Contents for Blogger new style示範網頁

PS.從程式碼看來,似乎最多只顯示1000篇文章,但應該可以修改數字來顯示更多文章,不過我的文章目前尚無如此多地數量,所以只能煩請有超過1000篇文章的網友測試回報給我,看是否只能顯示1000篇文章。

沒有留言:

張貼留言