快速移除或自動隱藏 blogger 頁首的導覽列(navbar)!－ezPOST

使用 Blogger 的網友應該都知道什麼是 blogger navbar，雖然可用來搜尋其他 blog，不過老實說沒有什麼用處，所以有不少 blogger 的網友都會將它加以處理。其實只要花幾秒鐘，加兩三行程式碼上去，就可以把那導覽列隱藏起來了。

1.完全隱藏
在 </head> 前，加入以下程式碼：

<style type='text/css'>
.Navbar {visibility:hidden;display:none;}
</style>

2.自動隱藏
另一個方法就是讓 navbar 具有自動隱藏的效果，可以用濾鏡的方式，不過目前自動隱藏的效果只適用在 Firefox，在 ie 下的效果是隱形並非移除，但滑鼠向右上角上移時，仍可以點到登入 blogger 的連結。
在 </head> 前，加入以下程式碼：

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

3.完全隱藏
這是我變通的另一個方法，完全不用修改到 navbar 的設定，在要在 body 中修改 margin 的值，讓 navbar 顯示在畫面之外就可以了。

body {
margin: -40px 0 0 0; /* 將 navbar 排除在畫面顯示外 (30+10) */
background: $bgcolor;
color: $textcolor;
font: x-small Georgia Serif;
...
}