Removing the Blogger Banner

One of the downfalls of Blogger is the pesky proprietary blue banner that they paste on the top of each Blog. However, it is extremely easy to remove.

First, search for the following code in the "Edit HTML" section under the "Template" tab:

-----------------------------------------------
Blogger Template Style
Name: Rounders
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
-----------------------------------------------

Directly below it, type this:

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

This section of your template should now look like this:

-----------------------------------------------
Blogger Template Style
Name: Rounders
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
-----------------------------------------------

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

It's really that simple.


In this section:
Choosing a Template
Personalizing the Header
Changing Fonts and Colors
Fixing the Sidebar
Removing the Blogger Banner
Hiding Comments
Advanced Template Changes

Return to Adapting the Blogger Template
Return to the Main Page