2008-09-17

How to remove the navigation bar from any Blogger.com 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='http://www.loxal.net/static/favicon.ico' 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.