Many blogger want to hide their navbar because it will make their blog layout look better and professional without a box (navbar) above it.For those who don't know what is a navbar, navbar is located just above of blog, and for who still don't know what is navbar , please see screenshot below.
So, do you want to hide your navbar? and give your blog a professional look?
If yes, just follow this simple trick to hide your navbar but remember always backup your template before you edit your HTML code.
Ok lets go.
Step 1. Login to blogger and click Layout --> Edit HTML
Step 2. Copy the code in red below and insert into your <head> tag.
#navbar-iframe {
display: none !important;
}
for example like this below.
<head>
-----------------------------------------------
Rounder Template Style
Name: xxx
Designer: xxx
URL: http://djyano.blogspot.com
Date: April 2008
-----------------------------------------------
#navbar-iframe {
display: none !important;
}
Variable definitions
====================
</head>
Step 3. Preview your blog, and if you like it please save. You will have no navbar in your blog page.
Congratulations.
Note:Please preview your blog before saving them, and please always backup your template.
Related articles :
3.31.2008
Browse > Home /
Blogger Tweak
/ How to Hide Navbar (Navigation Bar)
How to Hide Navbar (Navigation Bar)
Subscribe to:
Post Comments (Atom)
Comments
0 comments to "How to Hide Navbar (Navigation Bar)"
Post a Comment