<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=10420665&amp;blogName=Taiwan+Powers+Blogger&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=CLASSIC&amp;searchRoot=http%3A%2F%2Ftwpowers.blogspot.com%2Fsearch&amp;blogLocale=zh_TW&amp;homepageUrl=http%3A%2F%2Ftwpowers.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> <div></div>

Taiwan Powers Blogger

把blogger變得讓台灣人覺得更好用

怎樣拿掉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>
/* 隱藏 Navigation Bar */
#b-navbar {display:none !important;}
/* 如果我們只使用前一個CSS語法,隱藏了 Navigation Bar,會在頁面上方出現一塊空白,所以,我們要把整個頁面往上拉一些,蓋住那塊空白。*/
#blog-header {margin-top:-30px;}
#wrapper {margin-top:0px !important;}
</style>
修改完之後,老樣子,存檔,重建頁面。

» 張貼意見