<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> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d10420665\x26blogName\x3dTaiwan+Powers+Blogger\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://twpowers.blogspot.com/search\x26blogLocale\x3dzh_TW\x26v\x3d2\x26homepageUrl\x3dhttp://twpowers.blogspot.com/\x26vt\x3d-6877206924837863419', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

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>
修改完之後,老樣子,存檔,重建頁面。

» 張貼留言