Remove blogger navigation bar :: two methods

For each of the blogs at, the domain name of free blog hosting for Blogger, there is a notable Blogger navigation bar (also known as NavBar) at the top of each blog pages!

They have got some important functions like new post,search,customize etc.But,many think that they badly mess with the look of blog.So,any wayz as you have decided to dump them I’m gonna tell you two methods to remove them.

1.Completely remove navigation bar (CSS hack)

2.Create show/hide button to display or show the navigation bar

1.Completely removing navigation bar (CSS hack)

Before jumping into this hack I must tell you this hack is restorable that is you can get your navbar back.

If you wonder how to remove the blogger beta navbar, this is the way to do it:

I. Login to your blogger account.

II. Open the “Layout” for your blog.

III. Click the “Edit HTML” link.

IV. Copy this code:

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

V.Paste the code given above just after

Click the “Save Template” link. You are done ..
2.Create show/hide navigation bar
I.Log in to blogger dashboard.
II.Click Layout and then click on edit html
III.Using your browser search function locate

IV.copy and paste following code just after <head>

V.Click save template VI.Go to your page element section Now add a page element to display show/hide button by copying following code

Show/Hide Navigation

VII.Now view your blog and check its functionality.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *