Friday, October 9, 2009

Remove the blogger navigation bar.

At the top of your page you may see a bar this is called 'Blogger Navbar'.

Blogger with navbar.

If you don't like you can remove it just by adding a few lines of CSS (Cascading Style Sheet) code.

Blogger after removing navbar.




To remove the navbar

1. Goto your blogger dashboard.
2. Goto Layout > Edit HTML.
3. Look out for the following lines of code

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Stretch Denim
Designer: Darren Delaye
URL: www.DarrenDelaye.com
Date: 11 Jul 2006
-----------------------------------------------
*/

/* Variable definitions
====================


Now simply add the CSS code as shown in blue here.


Look for the code.


<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Stretch Denim
Designer: Darren Delaye
URL: www.DarrenDelaye.com
Date: 11 Jul 2006
-----------------------------------------------
*/

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================


4. Now save your template and you are done.

3 comments:

  1. ur hiding the nav bar.. might be having issues with chrome.. check it...
    i found all the boxes going haywire
    ---bageshwar

    ReplyDelete
  2. Bhageshwar I tried it with Google chrome version 3xx and everything felt fine.
    Any more expert advises.

    ReplyDelete
  3. This works just fine in all browsers. I have this in my own blog. An alternative to removing the navbar completely is restyling it. An example is the dynamic navbar.

    ReplyDelete

Newer posts Older post Home
 

Recent Posts

| © 2009 BloggerFunda.blogspot.com | Template by Blogger | Enhanced By Abhishek Kumar |
| Site best viewed in Firefox@1024X768 or higher resolution. |