這一篇主要是用來回應網友Ruby問到「請問可不可以教我如何不show blogger的bar呢?」這個問題,以下是我的回答,同時也提供給有需要的朋友們當作參考:

 (1)進入blogger.com的個人管理介面

 (2)點選「Template」這一項,沒錯,我們需要改模版的語法。

 (3)在一堆語法裡找到< style >這個標籤,
我們需要加入四段語法到< style >與< /style >之間:

    < style >     ......     table {display:none;}     #b-navbar {display:none !important;}     #blog-header {margin-top:-30px;}     #wrapper {margin-top:0px !important;}     ......     < style >

 (4)接著,再找到< body >,以< noscript >< body >< /noscript > 取代之。

 (5)最後,存檔然後重新發佈即可。

14 留言

匿名表示…
我是發問的Ruby.
謝謝你好心教我^^b
我有reply你的e-mail~
麻煩請去查收:)
Jas寫道…
也謝謝Ruby,
我會好好試用的^^
evon寫道…
您好壓!
謝謝您提供這麼好的資訊,不過我是拿掉了,
但上面還保留了一定的高度耶!請問你知道他CSS裡要改那裡才能調整高度嗎
Jas寫道…
你可以依照自己的版型修改這一段:
#blog-header {margin-top:-30px;}
把其中的-30調大(像我的版是調到-80)就可以讓整個版型往上了。
剛從 Benson 大那兒連來這邊看~~
恰巧看到了這一篇, 實際操作下來...
真的成功了!!
真是太感謝啦...
你真是一個大好人, 你會好心有好報滴 XD
也讓我學到一招啦~~
所以一定要來留個言讓你知道~
小的對你的景仰實在有如濤濤江水, 連綿不絕, 又如長江黃河氾濫一般, 一發~~不可收拾呀! :p
hello world寫道…
在這裡有2個較簡單的方法...也可以把NavBar移除...
http://blogger-templates.blogspot.com/2005/01/remove-navbar.html
匿名表示…
不好意思,又來請益。這問題不知道會不會怪:

我換了版面之後,NavBar 不見了 =.=

我需要那東西啊...請問該如何將它恢復?

謝謝
Jas寫道…
在template裡找到「
<body class="layout-two-column-right"><div class="hide">」,
直接把hide改成show即可。
Rach寫道…
把這一段改成show之後,還是沒出來,於是把接下來的
「!CDATA body 」(中間有< > 跟[ ]符號,這裡無法貼)
拿掉,出現了,但是標題被蓋住。
是不是要從哪裡修改往下移一點?
Jas寫道…
嗯,我看了一下,
發現這個版型應該是專為去nav bar而設計的,
若要修正nav bar遮掉banner的問題,
可能需要動一次不小的手術。
首先,這個版型用了兩個外連結css檔:
(1)http://www.typepad.com/.shared/themes/common/base-weblog.css
(2)http://www.typepad.com/.shared/themes/shea/theme-forestgreen.css
以及template裡的style語法段。
控制banner與頂端間距的是#container-inner這個id,
不過卻是分別寫在兩個外連結css檔裡,
我猜想可能的改法是把template裡的<link rel="stylesheet" href="http://www.typepad.com/.shared/themes/common/base-weblog.css" type="text/css" />
<link rel="stylesheet" href="http://www.typepad.com/.shared/themes/shea/theme-forestgreen.css" type="text/css" />刪掉,
然後以瀏覽器開啟兩個css檔後,
copy並貼入template裡的<style></style>語法段裡,
然後再把.layout-two-column-right #container-inner { background-position: -100px 0; }的-100調為0或其他適當的間距。
Rach寫道…
初次嘗試是失敗的,出來的版面跟feed burner很像。
我先暫時放著好了,免得又有css焦慮。
不好意思麻煩你,過一陣子我再試試看。

多謝!
匿名表示…
我又來挖寶。

還是要謝一次。
wenli寫道…
我發現noscript > body > /noscript >好像會干擾反向連結的「建立連結」功能,按下去無法顯示。

我昨天弄了一整晚,後來採用了無聊人提供連結裡的那個方法,就可以剔除Navbar又能建立反向連結了。

提供你參考一下,我不太確定原因是不是真的出在noscript>語法上...
匿名表示…
jas大哥~我有寄一封信件至您的信箱,請撥空查看一下!謝謝~
較新的 較舊