Hiding the Nav bar or navigation bar in blogger is too easy. Just add the following lines.
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
#navbar-iframe{display:none;}
Where to add the code
- Sign in to blogger
- Go to layout->Edit html option
- Now search for /* Variable definitions
- You can search it by ctrl+F function of your browser
- After searching the code /* Variable definitions
- Place the code given, above the /* Variable definitions code
- See below how it looks after adding.
———————————
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
#navbar-iframe{
display:none;
}
/* Variable definitions
———————————-
Before doing these settings on your blogs template save a copy of your template to notepad,so that if something goes wrong you can paste your template again.
After completed click ‘save’