How To Hide/Remove/Delete Navbar On Blogger XML Template : Blogging Tips

11.27.2009 · Posted in Blogging

Hide Navbar From Blogger Layout as some blog owners dont like navbar at the top of blog to be shown. So you can hide it from your readers as just need to add small piece of css codes to make it invisible.

How To Hide/Remove/Delete Navbar On Blogger XML Template : Blogging Tips

To hide the Blogger Banner :

* Log in to blogger

* On your Dashboard -> select Layout. This will take you to the Template tab.

* Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.

Find the tag body {
* Paste the below code after the body { tag in the Html Section:

#navbar-iframe {
height:0px;
visibility:hidden;
show:none;
}

Or Use

div.navbar {
opacity:0.0;
show:none;
}

Or You can Place If both not works

#navbar-iframe { show: none !vital; }