How to Remove navbar in Blogger

Updated On 7/31/2014
Blogger navbar is that horizontal blue bar(unless you made any changes or using dynamic template) appears on top your blogger blog. Navbar contains options to search within your blog, share and and a link to visit next blog. Most of the blogger admin, and third party blogger template hides it from appearing it in their blogs. If you don't want to show it you can hide or remove it from your blog.

Navbar
Blogger Navbar

Hiding it from your blog

After logging in to your blogger account, choose Layout from the Blogger Dashboard to open Template Designer.

Here at the right corner of your Template Designer locate the widget "Navbar". Now click on the "edit" link next to it.
A new window will appear, choose the "off" radio button and click on save. This will hide the navbar from your blog.

This technique is simple to implement yet effective. But I don't recommend any one to use this technique. This technique does not remove the code associated with the navbar. Removing codes whenever possible is a good practice as it reduce your blog's load time.

Follow the technique below to remove it completely. But backup your template first before making any changes to your code.

Removing it from your blog

From your blogger dashboard click on Template then click on the Edit HTML button. This will open blogger code editor.

Click once anywhere within your code editor, then press CTRL + F and find  for the text "navbar".
Blogger Navbar Widget Code







Now, select the code inside navbar widget as shown in picture above and delete it. Once finished Save your template. This will remove the navbar as well as code associated with it.

No comments :