在Beta去除NavBar

繼前篇在Beta使用HaloScan Trackback改寫如何在blogspot引用文章為合適blogger Beta使用的新版作法後，本文繼續更新如何在blogger.com建立清爽版面的Beta版作法。

　我在Jas9 Beta實作的去除NavBar作法是出自這篇文章的hovering-peek-boo，顧名思義應該是滑鼠移過會出現、移走會消失的一種效果，不過，實際上在不同瀏覽器下略有差異：

1. FireFox：完全支援，NavBar隨滑鼠隱現。
2. Opera 9+：部份支援，NavBar被隱藏，滑鼠移至左上方若點中搜尋輸入欄位，則會出現NavBar
3. IE 6及7：不支援隨滑鼠隱現，頁面上看不到NavBar，但點得到。

　所以，請斟酌使用。實際作法如下：

　登入後台依序進入「範本＞修改HTML」，將以下兩段CSS宣告複製並貼到CSS語段裡：

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

　儲存之後就可以看到實作的效果了。

Tags: CSS, Blogspot, NavBar, hovering-peek-boo, hacks