Mamad Purbo

Customizing Blogger Header: Removing Navbar

Standard Blogger's Navbar (that strip of buttons and links attached by default on top of all Blogspot's pages):



might not go well with the blog's design/template. Here's how to remove that pesky bar:

  1. Go to Edit HTML, on Template tab. (accessible from 'layout' link on Dashboard) as shown below:


  2. Put the following code:

    <style type='text/css'>
    #navbar-iframe {
    height: 0px;
    visibility: hidden;
    display: none;
    }
    </style>


    just under <title> tag as shown in the following image: