Monday, May 25, 2009

Remove Blogger Navbar

My friend on BlogCatalog.com asked me about how to remove Blogger Navbar at the top of the Blog.

If you use the classic template :

  1. Sign in to blogger
  2. Click menu Template
  3. Click menu Edit HTML
  4. Copy all code, and paste it in notepad, just for backup
  5. Copy all code below and then paste above code : </style>

    /* remove navbar
    ----------------------------- */

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

  6. Click on Save Template button
  7. Done


If you use the XML template :

  1. Sign in to blogger
  2. Click menu Layout
  3. Click menu Edit HTML
  4. Click link Download Template All, and save for backup
  5. Copy all code below and then paste above code : ]]></b:skin>

    /* remove navbar
    ----------------------------- */

    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }
  6. Click on Save Template button
  7. Done

Or You can also put the code below exactly under <body> :

<style type='text/css'>
#navbar-iframe {display:none;}
</style>

5 comments:

siantarcity said...

Good content lae.

Anonymous said...

Gimana Lae, bisa diaplikasikan gak..?
Kadang-kadang ada template yang tidak bisa, saya juga gak ngerti, kalo Lae tau penyebabnya kasih tau la....

Anonymous said...

hi.,your bLog Looks gOod tO me.,KeEp it Up!!

Anonymous said...

If you want to take the bar out completely, you can also do this.

* Blogger Template
*
* Basic Guide for image backgrounds
*
*
*/
#navbar-iframe {
display: none !important;
}
/* Variable definitions

The other one takes it in and out of focus, but your also shrinking it to a zero size so you won't see when you hold the mouse over it.

Mechanic said...

Great articles..! It's working.
Thanks my friend

Post a Comment

Please submit your comments below.
If you find an error on word verification, just click at the "word verification" to show the word verification box.
Thanks