Monday, 16 April 2012

How To Remove Or Hide Navigation Bar (Navbar) In Blogger

Important: All scripts hosted on widcraft.googlecode.com don't work anymore because Google has blocked that SVN repository.

The navbar (navigation bar) is the horizontal bar located at the top of your page. If you think it doesn’t match your blog’s design, or if you need that extra space for your banner — you can remove it to suit your needs. Here’s how:
  • Go to your Dashboard > Template
  • Under Template tab, click Edit HTML to edit template
  • Just add the piece of code below somewhere between the <html> and </head>  tags of your blog’s template…
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;}
  • Like This-

<head>                                        
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>      
    <b:skin><![CDATA[                          
/*-----------------------------------------------
Blogger Template Style                          
Name:     Widget Craft                        
Designer: Hardeep Asramo                        
URL:      www.blogger.com                    
Updated by: Blogger Team                        
----------------------------------------------- */
                                               
#navbar-iframe {                                
height: 0px;                                    
visibility: hidden;                            
display: none;}

Important: Check our new website TricksPanda.com for WordPress tutorials, plugins and more.
 
Powered by Blogger.