zonble’s promptbook 我是全宇宙底Enerrgy底總量

2004 年 8 月 28 日

我的電腦 怎樣拿掉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>

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

文章分類: — zonble @ 5:18 am #

9 項留言回應 »

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

    來自 umm 的 迴響留言 — 2004 年 8 月 28 日 @ 2:05 pm

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

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

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

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

    來自 myod 的 迴響留言 — 2004 年 8 月 28 日 @ 2:55 pm

  3. Sorry~
    http://help.blogger.com/bin/answer.py?answer=952
    中提到 “The Navbar appears on all freely-hosted Blog*Spot blogs, but can be disabled for users publishing via http://FTP.

    至於 myod 大提到的
    < !– Begin wrapper –>

    倒是在我的 Template 中找不到這兩行..@@”

    來自 umm 的 迴響留言 — 2004 年 8 月 28 日 @ 5:45 pm

  4. 補充,上述找不到的兩行~

    < !– Begin wrapper –>

    來自 umm 的 迴響留言 — 2004 年 8 月 28 日 @ 5:47 pm

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

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

    來自 myod 的 迴響留言 — 2004 年 8 月 28 日 @ 10:35 pm

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

    來自 wiwienen 的 迴響留言 — 2004 年 12 月 3 日 @ 12:12 pm

  7. [BLOG] Blogger 的 Template 調校 - 3
    關於 Blogger 的 Template 調整。

    來自 mfhsieh's BLOG 的 Trackback — 2005 年 1 月 11 日 @ 1:11 am

  8. Bye Bye Navigation Bar
    把Bloggger.com的Navigation Bar利用CSS隱藏起來

    來自 pong 的 Trackback — 2005 年 1 月 31 日 @ 3:49 am

  9. 拿掉blogger navi bar…

    blogger navi bar 去除。…

    來自 狂斯 的 Trackback — 2006 年 3 月 3 日 @ 12:10 am


Powered by WordPress 2.5, Yichi.org, ideas and cares.

Weizhong Yang(a.k.a zonble)
Email:zonble@gmail.com
AIM: zonble@man.com