Sunday, November 14, 2004

:PC:拿掉blogger.com上面的Navigation Bar

BigEyes
eyes
Remove Navigation Bar


改版之後的blogger.com所提供的服務還算是相當好用,不過最近Blogger.com對所有的站台頁面上,加上的Navigation Bar實在相當討厭。所謂的Navigation Bar,就是在頁面的最上面,加入一條有Google搜尋、以及快速連結到不知道跟你有什麼關係的其他站台的連結。雖然Blogger.com很好心的提供了多種不同顏色的Navigation Bar,但是,只要上頁面上有那麼一條,不管怎樣,都有點有礙觀瞻。



我先前稍微嘗試了一下,發現是可以使用CSS語法,將這條Navigation Bar隱藏起來的,並且發表在#osxchat blog上(您也可以在#osxchat blog上看到拿到了Navigation Bar的效果)。現在重新貼一次,簡單講,就是在編輯模板(template)的時候,在語法的後方,加上以下幾行:

參考本業說明


<style>
/* 這是隱藏之前blogpsot.com廣告用的,現在似乎blogspot.com取消了原本的廣告形式,不過,還是繼續留著。這個語法會把所有在table當中的內容隱藏起來,所以,請盡可能使用CSS的div語法設計頁面。*/
table {display:none;}
/* 隱藏 Navigation Bar */
#b-navbar {display:none !important;}
/* 如果我們只使用前一個CSS語法,隱藏了 Navigation Bar,會在頁面上方出現一塊空白,所以,我們要把整個頁面往上拉一些,蓋住那塊空白。*/
#blog-header {margin-top:-30px;}
#wrapper {margin-top:0px !important;}
</style>

修改完之後,老樣子,存檔,重建頁面。 請自行將上述 <style> </style>改為半形符號<>

No comments: