How to Hide Blogger Navbar

Posted by Ssannara | Monday, July 07, 2008 | | 1 comments »   | Email this article to your friends.

I have decided to use Blogger simply because I did not know what other free blogs were available such as Wordpress. If you seriously want to know what blog is fit for you between Blogger and Wordpress, you can find out more from Blogger vs. Wordpress.com Comparison Chart or search it from Google.



Now I will assume you want to use Blogger and you already have registered.

If you have not, you can simply register from Blogger.



Currently Blogger offers you 16 different templates with total 39 different colors. You can choose one of those or find out your own custom template from my post - Free Blogger Template List.



Once you choose the template and set up your blog, you may not feel your blog is professional because of the top navigation bar. But there is always the way and here's what you can do if you want to hide the top navigation bar.



Blogger header with Top navigation bar


1. Go to your Blogger Dashboard



2. Layout | Edit HTML

Click "Download Full Template" to make sure you download the latest XML file and back it up in your PC.



3. Open the copy of XML file using your preferred editor such as notepad



4. Add the below code in green under [CDATA[/*

<b:skin><![CDATA[/*

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

====================

<Variable name="bgcolor" description="Page Background Color"

type="color" default="#BCBEB0" value="#BCBEB0">


5. If the above 4 does not work, use the below code

#navbar-iframe {

height:0px;

visibility:hidden;

display:none}


6. Layout | Edit HTML

Click "Browse" to select the updated XML file from your PC and click "Upload"



Blogger header without Top navigation bar




If this post is useful,
please subscribe this at
please bookmark, digg, or share this page at



Related Posts by Categories



1 comments

  1. রাশেদ // July 27, 2008 11:48 AM  

    Ok.

Post a Comment