In a blog Blogger Navbar definitely no such thing. And Some Blogger users there are many people who feel less comfortable with the presence of the navbar. Well on this occasion I will try to post how to hide the Navbar, from the look of the blog.
Because Navbar automatically appear on a blog blogger / blogspot is newly created.
So how do I hide this navbar?
Picture Navbar
1. The first way.Among <body> code, put code <noembed> and </ noembed>
<noembed> <body> </ noembed>
2. The second way.
Among the code <body> put <noscript> code and </ noscript>
<noscript> <body> </ noscript>
3. The third way
Copy and paste the code below and put it between <style> and </ style> in <head>.
# B-navbar { height: 0px; visibility: hidden; display: none }
as an example:
<style type="text/css">
# B-navbar { height: 0px; visibility: hidden; display: none }
</ Style>
4. The fourth way.
Copy and paste the code below and put it between <head> and </ head>
<script type="text/javascript">
var showHeader = false;
ShowHideNav function ()
{
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>
For navigation, you can plug the button to show or hide the navbar on the blog anda.Copy and paste the code below and put it in the rest of the blog page anda.Bisa in the side bar or anywhere to your liking.
<span style="cursor:pointer;" onclick="ShowHideNav();">
Show / Hide Navigation
<a style="visibility:hidden;" href="http://marchsya.blogspot.com"> </ a>
</ Span>
good luck, hopefully this useful reference for all my friends.
No Responses to "How to Remove Navbar in Blogger"
Leave a Reply