怎樣拿掉blogger.com上面的Navigation Bar?

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

Blogger.com Navigation Bar

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

<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>

修改完之後,老樣子,存檔,重建頁面。

9 thoughts on “怎樣拿掉blogger.com上面的Navigation Bar?

  1. 在 Blogger 的 Template 修改版面中不是有個 “Change the Blogger NavBar” 選項嗎?
    選擇 “Off” 就可以啦!
    ;P

  2. 沒有看到”Off”這個選項說

    還有 最好把上面幾行加在
    <body>

    <!– Begin wrapper –>
    <div id=”wrapper”>
    之前才有效果

    剛試了下耍笨寫在前面結果沒有消失
    看了原始檔後才知道為什麼

  3. 抱歉我所說的可能跟我選的Template有關吧
    總之放在&lt body &gt後應該就沒問題了

    blogpsot似乎會將Navigation Bar接在
    &lt body &gt 後
    所以放後面應該就可以了

  4. 哇,照台長指導的做法,Navigation Bar果真閃不見啦,好感人喔。
    謝謝謝謝。
    可是,咱設在sidebar的「google搜尋」竟也同時失去縱影,那也按呢?
    懇請賜援,感激不盡!

  5. Pingback: mfhsieh's BLOG

  6. Pingback: pong

  7. Pingback: 狂斯

Comments are closed.