Try Advanced Blogger Templates Search >> 
Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.
Code To Hide Blogger Nav Bar And Have It Reappear When You Hover Over It.
hi all, few days ago, one of my visitors asked my about how to hide the blogger navbar and make it appear when hovering it.
actually i liked the idea and i thought it would be great to make it. so i’m here today to tell you how, it’s very easy and it’s one step process and it’s all done by tweaking blogger navbar code.
- If you already applied the hack ( How To remove or hide Blogger Navbar ) to your blog, please undo it before you start.
- This hack is compatible with all browsers but some times it’s not working correctly with some IE versions.
And I added a hack for the code to make the navbar work normally in case of finding any IE bugs.
Please log into your blogger account.
Now navigate to Layout >> Edit html >>
and find the following code :
]]></b:skin>
And Before it, add the next one :
#navbar-iframe {
height:5px;
}
/* IE7, IE8, IE6 */
#navbar-iframe { height/*\**/: 30px\9; }
#navbar-iframe:hover {
height:40px; !important;
}
Now click Save Template
And You Are done,
please click here to see demo, If this hack is not supported with your browser try to see it in another browsers ( Firefox, Chrome, or opera) .
If you like this tutorial, please share and follow me.
Related Tricks & Tutorials
About The Author
Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here
awesome MAX…more simple CSS…wow…i’ll review this trick…Thank’s before MAX..thumbsup for you
What is if I want to add new post or customize my blog? Since the navigation bar is hidden already. What URL that link to the editing or customize the blog?
very useful indeed. i saw this in a blog, but the admin didn’t tell me how he did it. thanks max!
Ooo! i found my stuff here…
thanks all for your nice words,
@ simon, you can hover your navbar to go to your dashboard.
I’m using your work in my blog, it’s just awesome, thanks a lot!
It’s great that I’ve found this site, I suppose it will be much help for me.
Kepp up the good work!
Thank you so much, i needed this for one of my blogs as it seemed conflicting with the layout.
great trick.
LOVES IT! THANK YOU!
@ Atonemovie Blog,Medo Joe and Malin oh my god, your words are encouraging me to work more and more and give you more tutorials.
Hi Max it didnt work for me….
Thanks a mint for this Max, I’ve just installed this code for my blog and it works! A simple solution for solving an all-too familiar layout problem at Blogger. Keep up the great work!
Thanks jay, you are always welcome.
thank you..nice and direct instruction..please see my blog..ΓΌ your tutorial already applied..thank you..
Thank you its very nice now my blog looks pretty cool
your instructions are very nice to understand
Thanks for the post, its really helpful, i did it on my page: http://chudai-ki-story.blogspot.com/ its working great.