這一篇主要是用來回應網友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)最後,存檔然後重新發佈即可。
謝謝你好心教我^^b
我有reply你的e-mail~
麻煩請去查收:)
我會好好試用的^^
謝謝您提供這麼好的資訊,不過我是拿掉了,
但上面還保留了一定的高度耶!請問你知道他CSS裡要改那裡才能調整高度嗎
#blog-header {margin-top:-30px;}
把其中的-30調大(像我的版是調到-80)就可以讓整個版型往上了。
恰巧看到了這一篇, 實際操作下來...
真的成功了!!
真是太感謝啦...
你真是一個大好人, 你會好心有好報滴 XD
也讓我學到一招啦~~
所以一定要來留個言讓你知道~
小的對你的景仰實在有如濤濤江水, 連綿不絕, 又如長江黃河氾濫一般, 一發~~不可收拾呀! :p
http://blogger-templates.blogspot.com/2005/01/remove-navbar.html
我換了版面之後,NavBar 不見了 =.=
我需要那東西啊...請問該如何將它恢復?
謝謝
<body class="layout-two-column-right"><div class="hide">」,
直接把hide改成show即可。
「!CDATA body 」(中間有< > 跟[ ]符號,這裡無法貼)
拿掉,出現了,但是標題被蓋住。
是不是要從哪裡修改往下移一點?
發現這個版型應該是專為去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或其他適當的間距。
我先暫時放著好了,免得又有css焦慮。
不好意思麻煩你,過一陣子我再試試看。
多謝!
還是要謝一次。
我昨天弄了一整晚,後來採用了無聊人提供連結裡的那個方法,就可以剔除Navbar又能建立反向連結了。
提供你參考一下,我不太確定原因是不是真的出在noscript>語法上...