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

ezpost 發表在 痞客邦 PIXNET 留言(0) 人氣()