Custom Search

Friday, January 30, 2009

How to remove or hide Navbar in Blogger

Sponsored Links

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).

9 comments:

Belle Chen said...

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

EditorPinoy said...

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

Belle Chen said...

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!

EditorPinoy said...

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

Belle Chen said...

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!

EditorPinoy said...

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

Belle Chen said...

This really works! Hooray!! Thanks so much! You're the best! :-)

EditorPinoy said...

Thanks Belle! ^_^
How to create or setup Adsense for Feeds

EditorPinoy said...

Top 10 Best-Clean-Professional-Looking Blogger Templates

Post a Comment

Please subscribe to my rssfeed 16x16 button Subscribe to my RSS Feed or email subscription 16x16 button Subscribe via Email if you want to receive updates. Thanks! ^_^