How to Remove blogger navbar using CSS

How to Remove blogger Navbar  | Disable or Hide blogger navigation, Next Blog bar using CSS

To remove navbar from blogger Bloodsport can use the following three simple steps

Procedure 1: 

* Go to -> Layout -> (Edit) Navbar ( Top Right) -> Select Off -> Save


Procedure 2:

Disabling Navbar by CSS.
1. Go to Blogger Admin Interface -> Template -> Click on Customize 
    This will open the Blogger Template Designer

2. In the Blogger Template Designer go to -> Advance -> Add CSS
    This will open the Add Custom CSS field

3. In the Add custom CSS field just Paste the following code and click on Apply to blog.

#navbar-iframe {
   display: none !important;

Now you can see that the Blogger Navbar is removed form your blog.

Video Tutorial:

30 thoughts on “How to Remove blogger navbar using CSS

  1. AtoZ Music

    Because according to the term and condition of, you’re not allowed to remove or disable the navbar from your blogspot template unless you host your blog under your own server.

  2. Anonymous

    As its not going to support tags in comments I have spelled out the code:
    Add this code above body tag: less than symbol exclamation mark dash dash less than symbol body greater than symbol dash dash greater than symbol

    Save template, delete widget and you are done.

  3. Mrs. Harvey

    ok, so I deleted it so my students couldn't go to next possibly inappropriate blog, but now how do I get back to change my design? As in, how do I edit the page and not just the gadgets if I want to??


Leave a Reply

Your email address will not be published.

Comment moderation is enabled. Your comment may take some time to appear.