How to remove the navigation bar from any blog

Also if it cannot be recognized at first glance, this blog is hosted by Google's Blogger blog platform. But where is the Blogger-typical navigation bar and its favicon? To remove the navigation bar you have to edit your Blooger template and add this magic line
<style type='text/css'>#navbar-iframe { display: none; }</style>
as the very first tag directly after the opening "body" tag. To inject this hack, you have to choose "Edit HTML" in the "Layout" tab of your Blogger administration panel. This line simply tells the browser not to display the HTML element with the ID "navbar-iframe" wich is actually the HTML tag ID of the iframe containing Blooger's navigation bar. As now you cannot login using the link on your blog's navbar, you have to sign in using the Blogger's secure login site.

To change the default Blogger favicon, you have to add this line
<link href='' rel='shortcut icon' type='image/x-icon'/>
to the HTML "head" section of your Blogger template. Whereas the "href" attribute should contain the URL of your favicon. Thereby href shoud not be set simply to "favicon.ico" as it would point to Blogger's default favicon.


  1. Thansk you sir!... With other codes I came across the navbar will disappear only on the home page, so when I clicked a link to a different post it will show again... didn't understand that...

    but now it is gone on every page!...

    Thanks again!


Post a Comment

Popular posts from this blog

Tuning ext4 for performance with emphasis on SSD usage

NetBeans 6.1: Working with Google´s Android SDK, Groovy and Grails