2006-11-03

隱藏 Navbar

覺得 Blogger 強制置入的導覽工具列 Navbar 和你的版面格格不入嗎?可是官方除了變換顏色之外並沒有取消拿掉的辦法,這時候就只好修改樣版想辦法隱藏它囉!(要改樣版,好習慣是要備份喔!)

登入後到 Template 樣版編輯的頁面,選擇直接 Edit HTML,看你的樣版裡有沒有 Global 這段註解,如果有,就把下面程式加在後面,如果沒有,那就找像 Header 或 Footer 之類的註解,把下面整段貼到註解前。(依照你使用的版面不同,樣版程式碼的內容也不會一樣)

/* Global ----------------------------------------------- */

#navbar #Navbar1 iframe{
  height:0px;
  display:none;
  visibility:hidden;
}

儲存更新之後就會生效了(如果該招式失效,本文也會一併更新,因為我也是用這一招)。另外,也有其他的辦法,接用畫面模組拖拉的,我也成功過,可以一併參考。

參考文章:
如何隐藏Blogger Beta的Navbar
Blogger in BETA 隱藏 Navbar 大法

另外,如果不想完全隱藏,想變成:平常隱藏、游標移過去就會出現的效果,也可以參考這篇文章:隐藏blogger导航栏

補充:
網友們回應了其他幾種方法,可以用更少的 Code 達到一樣的效果,我測試過也都有效,感謝大家集思廣益,我把方法附註在後:

#navbar-iframe {
  display: none;
}

或是更短的:

#navbar {
  display: none;
}

回應: 6

匿名 提到...

#navbar-iframe{display:none;}

加再 body { 之前也是可以隱藏 Navbar

柚祐 提到...

#navbar {display: none;}
這樣更短 !

Abin 提到...

謝謝兩位,你們補充的兩種方法我實際測試也都可以,我一併補充到原文去。(我也喜歡"短"的)

匿名 提到...

想請教Abin一個問題,
如果我想在navbar的位置放進音樂播放器,不知可行嗎?如果可行,請問怎麼作呢?
因為blogger如果在sidebar放音樂播放器,跳頁時便會中斷,好像只有navbar的位置可以放。

Abin 提到...

To flower:
應該沒那麼容易,因為 navbar 其實是用 iframe 做的,裡面的內容是指向別的網頁,你沒辦法去更改該網頁的內容,或許有可能硬塞入音樂播放元件,但擺放位置也不好調整。
不過,現行的 navbar 也是在版面上弄一塊區域呼叫 iframe(所以在這裡才可以用 none display 隱藏掉),只要跳頁,頁面一整個重讀,音樂一樣會中斷的。

匿名 提到...

哦?..所以還是沒有指望了?
我以為在iframe裡面,可以用呼叫視窗的方式讓它停留在首頁。

謝謝Abin的回答。
順便感謝你提供的各種語法,受益無窮。...^^

張貼留言

歡迎留言或發表意見,不過要理性不做人身攻擊。匿名的朋友得到回應的速度會比較慢喔~
發問相關的禮貌和規矩請先參考這篇文章,不當留言、和本文無關的回應可能會被直接刪除無視喔!