How to hide/remove the Blogger navigation bar?
Chief, How to hide/remove the Blogger navigation bar? How to add a button to hide/show the nav bar? Click on the Show/hide Navigation text at the top of the right hand bar. How to do this?
The Blogger Navbar appears by default at the top of every Blogger-powered blog. Navbar features include: B button for Blogger homepage, Search Blog, Flag Blog, NextBlog, [email address]:, Dashboard, Sign In/Out:options.
We assume you are publishing your blog via FTP, otherwise Navbar should NOT be uninstalled. Read Here
To hide the Blogger NavBar:
- Log in to blogger
- On your Dashboard, select Layout.
- Click on Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.
Search for /* Variable definitions
Paste the code below ( Code is in Blue Color ):
#navbar-iframe {
display: none !important;
}
Click on Save. Hurray… Navbar gone. 
Did you noticed, Nav bar contains the highly functional buttons like New Post and Customize. Can you live without those?
Thanks to Derya, you can use Show/hide option to see Navbar.
Copy-paste code between <head>…</head> tags in HTML template:
<script type=”text/javascript”>
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById(”navbar-iframe”);
if (showHeader)
{
nav.style.visibility=”visible”;
nav.style.display=”block”;
}
else
{
nav.style.visibility=”hidden”;
nav.style.display=”none”;
}
}
</script>
<style type=”text/css”>
#navbar-iframe {
visibility: hidden;
display: none;
}
</style>
Click on Save Templete.
Now click on Layout > Page Element > Add New > HTML/JavaScript page element.
<span style=”cursor:pointer;” onclick=”ShowHideNav();”>
Show/Hide Navigation
<a style=”visibility:hidden;” href=”http://derya-webresource.blogspot.com”></a>
</span>
Done. ! Now you see Show/Hide option to show your Navbar.
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
No comments yet.
Leave a comment