6 Weeks Design Tip: Remove the Navbar in Blogger
One of the quickest, most simple ways to clean up your Blogger layout is to get rid of that ugly blue navbar at the top. It matches almost no one’s design and isn’t terribly functional. Here are two options for fixing that eyesore…
1. If you use the navbar on a regular basis, you can change the color. Click into the layout tab and then look for the little navbar edit link at the top. Choose a color that matches your design. I like to make it transparent, so it goes with everything.
2. If you never use it, then you can remove the navbar all together. Click into the HTML editor under Template and paste the following code right above the variable definitions:
#navbar-iframe { display: none !important;}
Easy peasy!
< < Last Post: Dealing with haters + Next Post: Setting up sponsors > >
05.09.12 in 6 Weeks to a Better Blog
Thanks for this tip girl. I use my navbar all the time but making it transparent makes a HUGE difference.
xo erica
Awesome tip! Also, if you want to remove the navbar but don’t want to delete any CSS you might have put into the template editor (not really delete, but if you change the html you can’t see previous CSS changes, it’s pretty annoying), if you click on the advanced tab and enter #navbar {display:none} in the CSS area, does the trick as well! :D
Great tip! Thank you! :)
YESSSSS thank you so much!
Thank you! This worked perfectly and I’m happier without the navbar!
Mine is already transparent. I don’t remember if I changed it or if it changed with the theme I use.
Thanks for the tip! I’ve never been able to figure it out…until now. :P
Thanks for the tips on the nav bar it really sticks out like a sore thumb a lot of the time.
But isn’t removing it completely against the terms and conditions of blogger?
Thanks for the tips, I didn’t even know it was possible to remove it! I just have mine matching the white ground, but I may consider removing it in the future!
I’ve never been able to figure out how to do that. Thank you!!
Catherine Denton