How to Hide Blogger/Blogspot Navbar of Your Blog

navigation bar options

Navbar or Navigation Bar is a default widget of blogspot/blogger blog which was installed automatically. Navbar is horizontal elongated which usually located at part top of blog (though can be moved).
Some bloggers feel disturbed with this widget. Therefore, they hide bloggers navbar from their blog. Well, Maybe you are one of them. So, If you want to hide your blogger/blogspot navbar too, You can follow the steps below :

The way 1:
Before, you can’t do this way because blogspot not provide this way to hide navbar. Before, Blogspot disallow you to hide navbar. But, maybe because there are too many users who use bugs(The way 2 and 3) to hide navbar, so blogspot allow this and provide the formal and simple way to hide navbar. the steps is :

1. Log in to your dashboard.
2. Go to “Layout” Menu
3. Click “edit” of navbar widget.
4. Then you will taken to this new window page :

set navbar become off

5. Set your Navbar Configuration become “Off” (see the image above).
6. save and your navbar has been hidden.

The way 2 :
1. Log in to your dashboard.
2. Go to “Template” menu
3. Click “EDIT HTML”.
4. Proceed. *tips : backup your template before you editing HTML of template.
5. Find This code : ]]></b:skin>
6. Then Put The following codes above ]]></b:skin> ( or between <b:skin><![CDATA[ and </b:skin> ) :

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

7. save and your navbar has been hidden.

The way 3 :
1. Log in to your dashboard.
2. Go to “Template” menu
3. Click “EDIT HTML”.
4. Proceed. *tips : backup your template before you editing HTML of template.
5. Then put the following code below <body> or better is above </head> :

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

6. save and your navbar has been hidden.

Well, That’s three ways to hide your blogspot/blogger navbar. If you have any problem and question about the ways above, Don’t hesitate to ask me. Happy Blogging 🙂

Muhammad Syakirurohman

2 Comments

Leave a Reply

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