Hide Navbar From Blog

Hide Your Blog Navbar

You can see that every Blog has a Navbar in the top of the Blog Page. The Blogger Navbar appears by default at the top of every Blogger-powered blogspot.

In this Blogspot tutorial post going to tech you that how can you hide or remove Navbar from your Blogspot Blog.
Before we start you need to know the Navbar features:

1. [B] – This Icon refers to http://www.blogger.com/
2. Search Blog - searches the Blog you're viewing. Results will appear directly on the page.
3. Flag Blog - The Flag button allows the Blogging community as a whole to identify content considered objectionable.
4. Next Blog – It will take you to your next Blog random.
5. [email address] – If you logged in to your account you can see the email address right there or none at all if they aren't logged in.
6. Dashboard – It can take direct to your Blogger Dashboard.
7. Sign In/Out - This displays the appropriate option, depending on whether you're logged in or not.

After all of this information if you still want to hide your Blogger Navbar follow those step’s.

1. First of all go to your Blogger Dashboard.
2. Select the Layout- Edit HTML of the Blog.
3. Now click into Expand Widget Templates of the Blog.
4.  Find the code which is similar to the code below, focus at the body code.

body {background: #8F8E8E;
width: 100%;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

5. Copy and paste the following below code above the body. Exam- Image below.

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






6. Click SAVE TEMPLATE.

7. Finished and now your Blog Navbar has hidden.