Blogger製作自動目錄的筆記

網誌中有一個目錄，就是上圖出現的形式，以上是通過一段程式碼自動產生，這段程式碼不是自己寫，寫code的功力在當年寫 Assembly 機械組合語言以及C++持續重修7次以上的時候全消耗完了，還好測試應用還沒忘，下面這段程式碼測試過可以用，非常感謝寫程式的人在網路上的奉獻，但就是擔心之後程式碼忘記，寫個簡單的程式碼應用筆記做可記錄。

-----------------------------------------------------------

<script src="http://sites.google.com/site/lunfiles/js/archivedate.js"></script><script src="http://hohohotw.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>

-----------------------------------------------------------

這個程式碼很單純，就是兩段而已，使用的方法簡單說，就是把兩段橫線中間的程式碼複製起來，在到想要展現的blogger頁面下用HTML模式把程式碼貼上就完成。

主要靠的是第一段，透過網路去使用其他人寫好的 JavaScript 程式碼，第二段就是把黃標的部分上面改成你自己的 blogger 址就可以。

詳細的步驟如下

• 登錄到 Blogger 後台
• 側欄選 "網頁"
• 選到網頁後，會發現側欄最上方變成 “+新網頁”，選 “+新網頁”
• 從標題下方的工具列最左邊的 “筆圖標 icon” 做調整
• 預設撰寫模式，將它切換成"HTML檢視"
• 確認是否有切換到 "HTML檢視"
• 如果成功切換，文章最左邊會出現行號
• "筆圖標 Icon" 也會變成雙三角括號  “ < > ”
• 將上面的那段程式碼貼上，記得改成自己的 Blogger 網址再貼上
• 貼好後，發布
• 發布完後，先按查看，打開剛做好的網頁，
• 這個頁面還需要做下面的步驟才會在你自己 Blogger 上出現
• 從頁面上，先把目錄網址複製起來
• 再回到 Blogger 後台的 “版面配置”
• 新增小工具“網頁”
• 將剛才複製的目錄網址貼上儲存
• 將小工具拖拉到要顯示目錄的版面位置，看是要側欄、頂端都可以，我是放在網頁頂端處，方便自己未來好找。

相關閱讀