剛剛才發現新版的blogger已經開放編輯HTML了,不過看了一下範本發現是用XML寫成,整個範本的架構除了控制blog的呈現之外,還可以控制整個「拖拉版面」的功能,在研究不到一個小時的情況下,誤打誤撞的研究出隱藏Navbar的方法。
其實原理很簡單,就是新增一個可以拖拉Widget的區塊,並且用CSS的{display:none;}的語法隱藏起來,然後再把Navbar整個「拖」到新增的區塊就好啦!
以下為step by step 教學:
※註2:有更改過的範本才能夠拖曳Navbar。
是的是的~就是這麼簡單!
- 首先先選擇一個新版的範本。

- 到"EDIT HTML"頁面編輯範本。以我的例子來說,我希望能新增一個隱藏的footer區塊,所以先找到CSS設定裡的footer段落並且複製。

- 將複製的語法貼在footer之後,並且將"#footer"更改為"#hidden-footer",然後在"#hidden-footer .widget"裡面新增一行"display:none;"。

- 接著在範本裡找到footer區塊位置的語法,並且複製貼上在其後,在將id更改為hidden-footer。修改完畢之後按save儲存。

- 神奇的地方開始了。換到"Page Elements"頁面,可以看到在footer區塊下方多了一個新增的hidden-footer區塊,我們只要將navbar「拖」到hiddenfooter區塊就可以了。

- 咻~navbar不見了!按下SAVE大功告成!

※註2:有更改過的範本才能夠拖曳Navbar。
令人弔詭的是,blogger這次的改版似乎不想讓使用者隱藏navbar,於是用了iframe的語法刁難使用者,卻沒想到這次隱藏navbar的「撇步」雖然麻煩了一點,但是托新功能的福,一切是這麼的WYSIWYG!只能說這真是太神奇啦!
另外除了Navbar之外,像是Google Analytics的語法也可以丟到隱藏的區塊來,應用可以說是大無窮!
新版的blogger對新手來說越來越friendly,但是對老手來說依然不失自由度,雖然目前beta階段還有許多bug待解決,但我對於blogger未來非常期待。
2006/09/11後記:忘了上面的方法吧!樓下酷酷的匿名兄丟了大絕阿,感謝!
#navbar {
display: none;
}是的是的~就是這麼簡單!

