Place Ad Here
Next Blog - takes you to the recently updated Blogger blog.
Search field - used to search the contents of the current blog.
New post - opens a new post window.
Design - takes you to the Template section.
You can see the sharing options such as Google plus.
Click on "Edit" link of Navbar widget and you should be in the Navbar Configuration section.
Click "Off" and click on "Save" button.
Paste the following code
Select and remove all those lines.
Click on "Save template" button.
What is Blogger Navbar? Navbar here means Blogger Navigation bar which usually appears on top of blogger default templates.
Navbar on blogger template helps one to navigate around blog with ease using some of this features
Blogger icon takes you to the Blogger.com.
If you've already signed in, then it will take you to the Blogger dashboard.
Next Blog - takes you to the recently updated Blogger blog.
Search field - used to search the contents of the current blog.
New post - opens a new post window.
Design - takes you to the Template section.
You can see the sharing options such as Google plus.
You can sign in and out to blogger dashboard using the Navbar.
Some custom blogger templates hides the Navbar on default but they are left to appear on some other templates.
So we will look at how to either remove or hide the Navbar from appearing on your blog when somebody visits it.
To achieve this we are going to apply manual tricks using 4 different methods.
But before we proceed on how to remove or hide blogger navbar first your advised to backup your blogger template.
How to Remove or Hide Blogger Navbar
Click on "Edit" link of Navbar widget and you should be in the Navbar Configuration section.
Click "Off" and click on "Save" button.
2: Go to Theme > Edit Html > Search for
]]></b:skin>
And add this code just above it.
#navbar-iframe {
display:none !important;
}
display:none !important;
}
3: Go to Blogger Template > Customize > Advanced > Add CSS.
Paste the following code
#navbar-iframe {
display:none !important;
}
display:none !important;
}
Click on "Apply to Blog" button.
4: Go to Theme > Edit Html > Jump to Widget > Navbar 1
Search for the following line below:
<b:section class=’navbar’ id=’navbar’ maxwidgets=’1′ name=’Navbar’ showaddelement=’no’>
<b:widget id=’Navbar1′ locked=’true’ title=’Navbar’ type=’Navbar’>
<b:includable id=’main’> </b:includable>
</b:widget>
</b:section>
<b:widget id=’Navbar1′ locked=’true’ title=’Navbar’ type=’Navbar’>
<b:includable id=’main’> </b:includable>
</b:widget>
</b:section>
Select and remove all those lines.
Click on "Save template" button.
I hope this tutorial help you out if it does, do like, comment and share this post thanks.
Place Ad Here
Place Ad Here
Join Our Free Newsletter
Sociliaze with Us
Thank You For Sharing Your Feedback, We're Happy You're Here, Because We Love To Help Others. I appreciate your comments. ConversionConversion EmoticonEmoticon