How to Hide or Remove Blogger NavBar Completely (Top Navigation Bar Hiding)

Blogger NavBar means Blogger Navigation bar. Blogger Navbar is a type of toolbar of any blogspot blog which appears by default at the top of every Blogger-powered blog with the included features like [B] (Blogspot home page link), Search Blog (to search blogs), Flag Blog (to mark the current blog as objectionable), Share (to promote contents), NextBlog (takes to a random, recently-updated Blogger blog), email address (shows the log in account email address if logged in), Dashboard (if logged in, a link to dashboard) and Sign In/Out (displays the appropriate option, depending on whether any user is logged in or not). The Blogger-powered blog’s Navbar can be easily removed or hide if you don’t like the toolbar. Most of the recent blogger are not much interested on it now-a-days. In this page, you will find the detail information to completely remove the Blogger NavBar from your blog.

 

Steps to hide or remove Blogger NavBar completely form your blog:

Hiding or removing Blogger NavBar completely form your blog is very easy. You don’t need any knowledge regarding the CSS or HTML. Just follow the following steps to hide or remove Blogger NavBar completely form your blog:

Step 1: Log in to Blogger Account

Firstly, log in to Blogger by typing the address www.blogger.com or www.blogspot.com. After successful logged in, blogger will redirect to you the dashboard page to change anything.

Step 2: Searching the code

From your Dashboard panel, click on Layout and then select Edit HTML option. Here, you need to search the following code segment:

 ]]></b:skin>

Step 3: Adding code to hide or remove NavBar completely

Now, you need to copy the following codes of line and just paste this code blog immediately BEFORE/ABOVE it.

#navbar-iframe    {
                height:0px;
                visibility:hidden;
                display:none
                }
Step 4: Saving your work

After doing the above steps, you need to save all the modification which you have done in the previous steps. Just click on the SAVE TEMPLATE option and that’s all.

And that’s all. By doing the above steps you can easily hide or remove Blogger NavBar from the top your blog. Hope, you could easily success to remove or hide Blogger NavBar completely from your blog. However, if you face any difficulties or problem to do the above mentioned steps, just simply tell that in the comment section. Your comments are highly expected.

Hide or Remove the Blogger Navbar

If you have a blog from Blogger or Blogspot, then probably you have noticed that there is a navigation bar at the top the blog. This navigation bar is referred as Blogger Navigation bar or sometimes known as Navbar. Lots of people ask the question that How to hide or remove the Blogger Navbar. Blogger Navbar provides several useful features with different colors.

Most people like to disable this Navbar as they think this is not necessary for their blogs. Anyway, there are many ways to disable or delete or remove this Navbar from your blog. But I do not mention all the ways or different methods. I only describe the easiest method which I apply to my blog (HideMyTips) to hide the Navbar from that blog. Just follow the following steps and you can easily remove the Blogger Navbar easily from your blog.

1. Log in to your Blogger blog through the address http://hidemytips.blogspot.com/  and use your username (Email address) and password to log in to your blog account.
2. After successful logged in to your blog, you will access the Dashboard of your blog. From the Dashboard, choose the blog which you want to disable or remove the Navbar. After selecting that blog, you will find an option named as Design. Just click on the option of Design. 
3. From the Design section, you can do lots of changes to your blogger blog. But we are not explaining all of them. Rather we will discuss about the technique to hide or remove the Navbar from your blog. Just click on the option Edit HTML tab under Design tab. From this option you just need to add some code to remove or disable the Navbar of the blogger blog.
4. Find out the following code to the blogger code:

   ]]></b:skin>

   
   
   
   
5. Now, paste the following code just before the above line of code (code which mentioned in step 4):
   

   #navbar { 

       display: none; 

   }

   
   
   
   
6. Lastly click on the SAVE TEMPLATE button to save all the changes you have done.

And that’s all. By applying the above steps you can easily remove the Blogger Navbar or disable the Navbar from your blog. Hope, you can easily do all this. If you face any difficulties then tell me in the comment section, I will try to solve this issue.