How to Hide,Disable or Remove navigation bar (navbar) from blogger
Before we start to learn
how to remove navigation bar (navbar) from blogger lets talk about navbar.
So what is navbar
actually?
In blogger many default
templates show navigation bar (navbar) at the top of your blog. You get this
navigation bar in blogger by default. But you can remove or hide it manually if
you want to. There is no advantages or disadvantages of keeping or removing
navbar from blogger. Its just if you want to keep a clean look, you can remove
it.
There are mainly three
methods to remove blogger navbar.
First method: from navbar configuration
Step 1: Go to layout section
first.
Step 2: Click “edit” on
navbar widget. You will be in navbar configuration window.
Step 3: You will see “off”
option in the end. Click it and save the changes.
Second method: Using CSS code
Step 1: go to “theme” and
click on “customize” and then go to “advance” and click on “Add CSS”.
Step 2: copy the codes
given below and paste it in “Add CSS”
#navbar-iframe{
Display:none
!important;
}
Step 3: click on “apply to
blog” button
Third method: Using Edit Html
Step 1: go to “theme”
first then go to “edit Html” and click on “jump to widget” then go to “navbar1”
Step 2: you will see lines
given below
<b:section
class=’navbar’ id=’navbar’ maxwidgets=’1’ name=’Navbar’
Showaddelement=’no’>
<:widget
id=’Navbar1’locked=’true title=’Navbar’ type=’Navbar’>
<b:includable
id=’main’> </b:includable>
</b:widget>
</b:section>
Step 3: select all those
lines and remove them.
Step 4: in the end click
on “save theme”.
Now you should have a
blogger page without the navigation bar at the top.
These
are three easy methods to hide or remove navigation bar from your blogger page.
I hope this article helped you.
0 comments: