Removing Blogger Navbar

Remove Blogger Navbar

There are so many people who publish their blog via blogspot, besides better google indexing (because blogger / blogspot is belong to google.com) also simple management, yet it creates beautifull  result.

One of standard featur from google blogger is navigation bar which is also known as Blogger Navbar.

Google Navbar is a simple navigation bar placed at the top of every blog published in blogspot. It come in handy because many feature embeded in that bar.

But sometimes we feel like want to make our blog space larger, or we feel like want to make our blog look more professional by remving this Blogger Navbar. By default, blogger doesn't provide options for this removal but we still can Remove Blogger Navbar by manually edit the theme we use in blogger.

Removing Blogger Navbar :

1. Edit the theme

Editing theme we use can be done via blogger menu in dashboard :

Design -> Edit HTML -> check the "Expand Widgets Templates" as picture below :

Remove Blogger Navbar

2. Insert this code :

#navbar-iframe {

display: none !important;

}

 here :

Remove Blogger Navbar

3. Insert this CSS :

body
{
margin-top:0px;
position: relative;
top: -50px;
}

here :

Remove Blogger Navbar

  

And then save the template bu clickingthe "Save Template" button.

Voila, we've Removed Blogger Navbar

With these 3 simple steps, you can easily Remove Blogger Navbar.