Navbar is a view which located in the top of blog that is used to log in to your blog or move to his next blog. Navigation Bar can also be used to report fraud or weblog crime committed by a blogger, such as blog content that violates the TOS or other matters that are considered harmful to others.
But there are some bloggers who feel it would be nice if his blog view is clean without any conspicuous part in the top of the blog itself (NavBar). Therefore, sometimes the bloggers to remove the NavBar. . However, the bloggers have the right to keep it presents the right navbar. for bloggers who want to disappear, know enough to do was hide navbar is easy .navbar look like in the picture below
follow this step to hide the NAVBAR.....
1. You must first login at Blogger.com / Blogspot.com
2. Then Select Design -> Edit HTML
3. actually there are many ways that can be used to remove the navbar, here we will discuss a little ...
The first way. Among <body> code, put code <noembed> and </ noembed>
<noembed> <body> </ noembed>
second way. Among <body> code put <noscript> code and </ noscript>
<noscript> <body> </ noscript>
The third way Copy and paste the code below and place it between <style> and </ style> in <head>.
# B-navbar { height: 0px; visibility: hidden; display: none } like example <style type="text/css"> # B-navbar { height: 0px; visibility: hidden; display: none } </ Style>
How to fourth. Copy and paste the code below and place 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 attach buttons to show or hide the navbar on the blog anda.Copy and paste the code below and put it in other parts of the blog page anda.can in the side bar or anywhere else to your liking.
<span style="cursor:pointer;" onclick="ShowHideNav();"> Show / Hide Navigation <a style="visibility:hidden;" href="http://www.jplend.blogspot.com"> </ a> </ Span> I added more tips:
* For classic template
1. Sign in blogger
2. Click the Template menu
3. Click the Edit HTML
4. Copy the entire code which is then saved on the computer for my friend as a backup data safe
5. Copy the code below and paste the above code </ style>
6. / * remove the navbar ----------------------------- * / # navbar-iframe {height: 0px; visibility: hidden; display: none} Click the Save Changes Template
7. Done.
* For a new template
1. Sign in blogger
2. Click the Layout menu
3. Click the Edit HTML
4. Click the link labeled Download Template In all, please save used for data backup
5. Copy the code below and paste the above code ]]></ b: skin>
6. / * remove the navbar ----------------------------- * / # navbar-iframe {height: 0px; visibility: hidden; display: none} Click the Save Template button
7. Done.
Please enjoy the blog without navbar!
This article may be useful for readers and bloggers all ......
Do not forget to leave a comment ..... . .
(thanks to read).
But there are some bloggers who feel it would be nice if his blog view is clean without any conspicuous part in the top of the blog itself (NavBar). Therefore, sometimes the bloggers to remove the NavBar. . However, the bloggers have the right to keep it presents the right navbar. for bloggers who want to disappear, know enough to do was hide navbar is easy .navbar look like in the picture below
follow this step to hide the NAVBAR.....
1. You must first login at Blogger.com / Blogspot.com
2. Then Select Design -> Edit HTML
3. actually there are many ways that can be used to remove the navbar, here we will discuss a little ...
The first way. Among <body> code, put code <noembed> and </ noembed>
<noembed> <body> </ noembed>
second way. Among <body> code put <noscript> code and </ noscript>
<noscript> <body> </ noscript>
The third way Copy and paste the code below and place it between <style> and </ style> in <head>.
# B-navbar { height: 0px; visibility: hidden; display: none } like example <style type="text/css"> # B-navbar { height: 0px; visibility: hidden; display: none } </ Style>
How to fourth. Copy and paste the code below and place 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 attach buttons to show or hide the navbar on the blog anda.Copy and paste the code below and put it in other parts of the blog page anda.can in the side bar or anywhere else to your liking.
<span style="cursor:pointer;" onclick="ShowHideNav();"> Show / Hide Navigation <a style="visibility:hidden;" href="http://www.jplend.blogspot.com"> </ a> </ Span> I added more tips:
* For classic template
1. Sign in blogger
2. Click the Template menu
3. Click the Edit HTML
4. Copy the entire code which is then saved on the computer for my friend as a backup data safe
5. Copy the code below and paste the above code </ style>
6. / * remove the navbar ----------------------------- * / # navbar-iframe {height: 0px; visibility: hidden; display: none} Click the Save Changes Template
7. Done.
* For a new template
1. Sign in blogger
2. Click the Layout menu
3. Click the Edit HTML
4. Click the link labeled Download Template In all, please save used for data backup
5. Copy the code below and paste the above code ]]></ b: skin>
6. / * remove the navbar ----------------------------- * / # navbar-iframe {height: 0px; visibility: hidden; display: none} Click the Save Template button
7. Done.
Please enjoy the blog without navbar!
This article may be useful for readers and bloggers all ......
Do not forget to leave a comment ..... . .
(thanks to read).
Post a Comment
"Please Leave a Comment"