After creating a new Blog in Blogspot.com, when you view your blog, you might have noticed a menu on the top of it. This is called NavBar and remains present with every default theme which is provided by Google Blogspot. With the help of this NavBar, you can go to Next blog, write a new post, change the design, Sign Out / In, and Share your blog via email / Twitter / Facebook.

menu-in-blogger

If you want to give a professional look to your Blog and want to remove this NavBar, it is possible in four ways.

Method I:

By installing third party theme, which does not come with NavBar.

Method II:

1. Login to Blogger account.

2. Click on drop down and select Layout.

blog-options3. Clink on Edit link in from of Navbar.

blogger-layout4. Under “Navbar Configuration”, select Off.

navbar-configuration

5. Click Save.

Method III:

1. Login to Blogger account.

2. Click on drop down and select Template.

3. Click “Edit HTML”.

edit-html4. Search for Navbar widget code.

navbar-widget-code

For easiness, press Ctrl + F from keyboard and type Navbar. It will highlight the Navbar under the code of the theme.

The whole Navbar widget code will be something like :

<b:section class=’navbar’ id=’navbar’ maxwidgets=’1′ name=’Navbar’ showaddelement=’no’>

<b:widget id=’Navbar1′ locked=’true’ title=’Navbar’ type=’Navbar’ visible=’true’> <b:includable id=’main’>…</b:includable>

</b:widget>

</b:section>

5. Select and delete the Navbar widget code.

6. Click “Save template”.

Method IV:

1. Edit the template and before closing tag, paste the following:

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

2. Save the template.

That’s all!

Once you are successfully running your blog, you need to follow some basic SEO tips:

Post Your Comment