Removing Navbar in Blogger

Tweet

Blogger gives its users, a default top Navbar which contains a search bar to look for informations with in the blog, a share button and other details which is not so important for a blog. To create a unique blog, which should be different from other bloggers, it is important to remove the Navbar.

Steps to remove Navbar:

Login into your blogger account and choose your blog. Choose Template from your SideMenu and click on the Edit HTML button.

Click on the proceed button that popup in your browser. But, please note that any series change there after may lead to unnecessary bad template design. So, its always best to backup the code that shows afterwards. You can make changes only after you deeply understand the blogger template edits or if you know HTML and CSS.

From the HTML codes, goto bottom for CSS codes, and type in the code below,

body {
background-color: #FFFFFF;
font-family: Verdana, Arial;
font-size:20px 0;
color:#5A5A54;
}
#navbar-iframe{
               display:none;
              height:0px;
               visibility:hidden;
}

After pasting the code in the CSS area, click the Save Template button or you can verify before saving them by Preview button.