移除或自動隱藏 Blogger 導覽列 (navbar)

2008/12/23

0 篇留言



上圖中 Blogger navbar,看了真礙眼,因該沒什麼人會用它來搜尋其他blog,唯一的優點就是「Login」的功能,但 Login 往後我們可以自訂連結,只要加兩三行 code,就讓它從您的眼前消失

1.完全隱藏
在 <head>.... </head>間,加入以下程式碼:
<style type='text/css'>
.Navbar {visibility:hidden;display:none;}
</style>

2.自動隱藏
另一個方法就是讓 navbar 具有自動隱藏的效果,可以用濾鏡的方式,不過目前自動隱藏的效果只適用在 Firefox,在 ie 下的效果是隱形並非移除,但滑鼠向右上角上移時,仍可以點到登入 blogger 的連結。
在 前,加入以下程式碼:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

建議:修改 HTML 時,可先把所有 code 先 copy 到記事本作編輯,完成後再覆蓋回去。

參考來源: 快速移除或自動隱藏 blogger 頁首的導覽列(navbar)! @ ezPOS

0 篇留言:

我有話要說