blogspot 如何做出文章目錄？ - 部落格

※ 引述《cockroach525 (Let me In!)》之銘言：
: 雖然 blogspot 內建有文章存檔
: 但我比較想要階層式的文章目錄
: 就像這個網站的文章目錄一樣
: http://leikitravel.blogspot.com
: 請問該怎麼做呢？
: 謝謝大家


提供個人網誌的作法，全部自訂，網址
http://pydoing.blogspot.com/p/python-tutorial.html

裡頭有「按一下展開目錄」的地方
最多層是在「內建型態」的地方
總之，點擊「按一下展開目錄」就可以將目錄展開
再點一次就收合

每一個「按一下展開目錄」加入如下的 <a>

<a style="cursor:pointer; font-size:x-small;"
onclick="var guide1 = getElementById('guide1');
guide1.style.display=guide1.style.display=='none'?'':'none'">
按一下展開目錄</a>


style 為 CSS 的部份， onclick 則為 JavaScript 的程式

被隱藏的地方，以 <ul> 包起來，同時設定
<ul id="guide1" style="display:none;">

id 是供 JavaScript 取用的識別碼， CSS 設定為 none ，開啟網頁預設不會顯示


嗯，目前沒有很美觀，等我有空的時候會調整 CSS 使其更美觀一點
以上提供給各位參考囉


--