Step by step tutorial on how to remove or hide Navbar in Blogger.
1. Login to your Blogger account.
2. Backup your template.
3. Locate the line /* Variable definitions inside the Code Box.
4. Just before the line /* Variable definitions, Copy and Paste the Code below.
#navbar-iframe {
display: none !important;
}
5. Click on SAVE TEMPLATE.
View your site and the Navbar is removed. The reason why I made this tutorial is because most of the bloggers want to remove the Navbar simply because they don't want it to be there (just like me).
Subscribe to my RSS Feed 
9 comments:
Hi,
I followed your steps and successfully removed the NavBar! Thanks so much. Your explanations are always so clear and easy.
I have another unrelated topic. Is there a way to set "open link in a new window" when I point the link to other url? I've been struggling about this.
Thanks so much in advance!
Belle
Hi Belle Chen,
Congratulations! ^_^
Regarding the Open link in a new window, just put target="_blank" in your a tags, for example:
<a href="YOURLINK" target="_blank">This link will open a new window </a>
Hope this helps ^_^
How to put Google Adsense below Header
Thanks a million! God bless You!
You must be proud if you know I follow lots of your tips to refresh my blog! Visit me to see what you did to me! Also feel free to give me recommendations! www.360jewels.blogspot.com
Belle
P.S. I'll definitely come back to follow more of ur tips!
Thanks for the complement Belle Chen! ^_^
I will be more than happy if you will come back and visit my blog ^_^
How to put or install Google Analytics Code in your Blog or Site
I have more question (I guess you have more questions as you know more :p).
When I attach a picture (without posting link), it always direct people to the picassa url. Is there a way that I can remove that link to picassa? I did trial-and-error to edit the code by myself, but I always got an error! :-p
Thanks!
When you upload a pic, go to Edit HTML and the code will look lilke this:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://lh3.ggpht.com/_8g42Cyg71aw/SYa1aoVGSjI/AAAAAAAAAHo/OCtjUZKyzcI/51l%2BldvS2QL._SL160_.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 128px; height: 160px;" src="http://lh3.ggpht.com/_8g42Cyg71aw/SYa1aoVGSjI/AAAAAAAAAHo/OCtjUZKyzcI/51l%2BldvS2QL._SL160_.jpg" alt="" border="0" /></a>
All you have to do is remove the <a></a> tags and your final code should look like this:
<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 128px; height: 160px;" src="http://lh3.ggpht.com/_8g42Cyg71aw/SYa1aoVGSjI/AAAAAAAAAHo/OCtjUZKyzcI/51l%2BldvS2QL._SL160_.jpg" alt="" border="0" />
Hope this helps ^_^
Top 10 Best-Clean-Professional-Looking Blogger Templates
This really works! Hooray!! Thanks so much! You're the best! :-)
Thanks Belle! ^_^
How to create or setup Adsense for Feeds
Top 10 Best-Clean-Professional-Looking Blogger Templates
Post a Comment