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

使用 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; ... }

補充：
後續又看到一些前輩提供了不同的方法，可以用更少的 Code 達到一樣的效果，筆者測試也都有效。
1.

#navbar-iframe {display: none;}

2.

#navbar {display: none;}

Blogger 變化真多，對筆者這個不會寫程式的人而言，想要有新功能還真是麻煩了點。