Hiding Navbar In Blogger | How to hide Navbar in Blogger

June 16th, 2008 by Manpreet | Filed under blogging tricks.

Do you want to hide and get rid of navbar in blogger blog.


Look at this simple tip and follow these simple steps:

1. Go to your blogger Dashboard and select Layout.

2. Click Edit HTML.

Now there are two ways to hide navbar:

Method 1. Find <b:skin><![CDATA[/* and after that paste this simple code

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

Method 2. Just add the following lines anywhere in your Blogger template [enclosed by <style> tags] and the blogger banner will be gone forever.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Alternatively, if you are using the Classic beta template inside new Blogger beta, search and replace #b-navbar with #navbar-iframe to get rid of the blogger navbar.

Related posts:

  1. Simple tips to Add a Search Engine to your Blogger | BlogSpot blogs

Tags: ,

2 Responses to “Hiding Navbar In Blogger | How to hide Navbar in Blogger”

  1. Aftab says:

    I am using blogger beta i have tried many css codes including yours but unfortunately it is not working. Please help.

  2. Manpreet says:

    I emailed you and checked your site but mail bounced back..so Im writing here:

    i checked your template..u have inserting wrong code before

    copy and add code 2 (at same place)

Leave a Reply