Navigation bar in New Blogger serves as easy navigation between blogspot blogs. It also allows you to login easily. However, a lot of Google bloggers removed it for the aesthetic purpose. In my opinion, it may take it longer to load your blog too. According to Amit Agarwal, a well known professional blogger from India: "There's some hope now. Google recently organized a road show in select Indian cities to promote their Blogger platform. Ankit attended the event and requested clarity on the navbar policy from the Googlers present at the roadshow. They immediately called up their team based in Google's Bangalore office and confirmed to Ankit that it's legal to hide the navbar."
- First login to your Blogger account.
- Second click on Layout/Edit HTML. See the screenshot below:
- Next make sure you back up your template before you go any further. See the screenshot below:
- Next holding Ctrl and hit F, copy and paste </head> line in the search box to find it.
- Then copy and paste one of the following codes right above </head>.
#Navbar1 {
margin: 0;
padding: 0;
display: none;
visibility: hidden;
}#navbar #Navbar1 iframe {
display:none;
visibility:none;
}div.navbar {
opacity:0;
display:none;
}#navbar-iframe{
height:0px;
visibility:hidden;
display:none
}
This is how it turned out to be:body#layout #sidebar-wrapper,
body#layout #newsidebar-wrapper {
width: 150px;
}
#Navbar1 {
margin: 0;
padding: 0;
display: none;
visibility: hidden;
}
]]> </b:skin>
</head> - Finally click on SAVE TEMPLATE button to save it.
