How to remove the header from your blogger and blogspot posts?

After a short break, I am back now. Few days before, I got a mail from one of my friend asking how to remove header from her blogspot. Though I have replied her already, thought of putting that in my blog as it may help few others too, who are in search of that option of removing the header from their blogger home page and other posts too.

So, let us start here.

What is a header?

Header is the portion, which will be seen on top of your blogger page, with details like search button, Follow button, Share button, Signout Option, Next Blog link are all available.

Mythili Kannan_Header in Blogger

Though these options helps us in few ways, some people don't like to have this header looking odd in their blog and wish to remove it. So let me tell you in my step by step method on how to remove the header by a simple code.

Step 1

Go to http://www.blogger.com/ and login into your blogger account with your username and password.

Step 2

Go to the Dashboard --> Design --> Edit HTML option.




Mythili Kannan_Edit Html in blogger

 Step 3

Search for /* Header in the HTML code and add the below given code, just below the /* Header as shown in the image.

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

Mythili Kannan_Add code

Step 4

Save the template after adding the code.

Mythili Kannan_#navbar code to remove header

Step 5

All done. Check your blogspot now and the header is disappeared.

Mythili Kannan_No Header in the blogger