Remove the Blogger Header Banner

Blogger is one of the most powerful blogging engines around which is not only free but contains practically no advertisements thus making your blog very personal. The only caveat is the 'Blogger Banner' which is located at the very top of the blog. Most people do not like the banner and normally try to find ways to remove it - although this goes against Blogger's terms and conditions...This article is for educational purposes only.

Go to the Blogger Dashboard and from the Design menu choose Edit HTML:

In the HTML form locate the following code:

/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" 
type="color" default="#333" value="#333333">
...

All you need to do to remove the Blogger banner is to paste the following CSS code just before the code locate above:

#navbar-iframe {
   display: none !important;
}