用Blogger的「連結清單」建立「水平導覽列選單」

https://blogger-script-study.blogspot.com/2010/09/blogger-linklist-menu.html

之前曾經介紹過【用Blogger的「網頁」清單建立「導覽列」】的方法，但這個方法有個缺點，就是無法使用自訂網址，所以其所連結的網頁都必須指向在其部落格的根目錄下面，無法指向部落格的其他文章或是其他部落格的網頁。這裡邊我們要介紹另外一個方法，使用 Blogger 的「連結清單」來建立「水平導覽列選單」。

這個方法可以讓你在 Blogspot 建立「水平導覽列選單」，而且可以任意指定網址，可是這個方法有個小缺點，就是被選取的選單無法自動反白，這樣會讓使用者不知道現在正在瀏覽哪一個選單，不過也不是沒有解決的方法，下一篇將找時間說明。

使用「連結清單」建立「水平導覽列選單」，需注意「連結清單」的小工具必須放置於「網誌標題」及「網誌文章」的中間，一般放置在「網誌標題」的正下方，否則連結清單就會變成項目符號的格式。

改版前(可以點圖放大)	改版後(可以點圖放大)

1. 進入Blogspot 的後台，在「網誌標題」的下方點選【新增小工具】。如果「網誌標題」的下方沒有【新增小工具】，可以點選其他地方的【新增小工具】，不過事後還是要將其移動到「網誌標題」及「網誌文章」的中間。

2. 開啟【新增小工具】對話窗，點選【連結清單】。

3.在【新網站名稱】的地方輸入水平導覽列選單的名稱；在【新網站網址】的地方輸入水平導覽列選單的網址，只要是有效的網址都可以。然後按【新增連結】，再按【儲存】。
 

4. 回到 Blogspot 的後台，【連結清單】 小工具出現了，確認之後記得按下【儲存】。

5. 回到網誌，第一個水平導覽列選單出現了，是看看是否可以運作。
 

6. 如果沒有問題，可以點選步驟4的【連結清單】 小工具後面點按【編輯】就可以再回到【設定連結清單】的地方繼續編輯加入後續的選單。

7. 當清單有兩組以上時就會有順序的問題，基本上導覽列上的排列順序由左到右是根據連結清單中的游上到下。
 

8. 如果發現選單的順序有問題，可以回到【設定連結清單】的對話框更改。

9. 如要更改清單順序，可以點按其上下箭頭，往下的箭頭可以移動清單向下一位，反之往上箭頭亦然。設定完成後記得按下【儲存】鈕。

---

延伸閱讀：
回到》Blogger 部落格技巧總整理

擁抱Blogspot的新範本板型
試用Blogger提供的新模板範本修改工具
用Blogger的「網頁」清單建立「導覽列」