如何自定義博客園導航欄？

　　今天向博客園申請開通JS功能，很快就得到了批准(速度超贊)。得到許可權後，花了點時間研究了一下如何修改博客導航欄的內容。由於博客園後臺並沒有給我們開通修改導航的功能，所以我們只能另闢蹊徑，利用我們學到的JavaScript知識，人工修改下導航內容。

先來看代碼：

<script>
//定義分類頁的基本路徑
var categoryurl = 'http://www.cnblogs.com/iyaya/category/';

//定義分類的id數組，註意第一個為空字元鼓串，因為那個我是準備用來做首頁鏈接的
var navurl = new Array('',913588,914048,913584,913583,913586);

//定義欄目標題數組，註意與navurl數組裡面的值一一對應
var navname = new Array('首&nbsp;頁','JavaScript','HTML+CSS','PHP','MySQL','Linux');

//開始構造html代碼
var str = '<ul>';

/*遍曆數組並迴圈生成html代碼，合併到str這個變數中存起來*/
for (var i=0;i<6;i++){
   if(i == 0){ //如果是第一個（首頁），我們用來定義首頁鏈接
      str += "<li><a href=\'http://www.cnblogs.com/iyaya/\'>"+navname[i]+"</a></li>";
    }else{
　　   //分類頁鏈接結構拼接
      str += "<li><a href=\'"+categoryurl+navurl[i]+".html\'>"+navname[i]+"</a></li>"
    }
}
str += '</ul>';

/*博客園自帶了jQuery插件，所以我們直接使用jQuery語法將生成的html代碼寫入到頁面中，註意navigator這個id對象是我們要插入的位置*/
$(document).ready(function(){
   $("#navigator").html(str);
});
</script>

然後，我們把寫好的js代碼，在管理界面複製粘貼到頁首或頁腳代碼中，如下圖：

效果還不錯吧：