How to removing/hide Navigasi Bar on blogspot



When you use the original template from blogger.com /blogspot will always appear Menu Navigation Bar on the top/header.You can remove/hidden navigation menu bar by insert the code that is written below into your HTML template at the top of the template,between Copy/paste the following code:


For clasic template:

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


For new template (xml):

#outer-wrapper {
width:740px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;}

Insert following code:

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

The above code could be different / others due to other types of templates, which are important insert above code after the code:

font: $bodyFont;}

or

}


After HTML added become

For clasic template:

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


For new template (xml):

#outer-wrapper {
width:740px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none}


Finish,hope useful for all.