Remove The Navbar In Google Blogger

What ?

Modify your blogger look by removing Navbar from your blogger blog. It is very nice way to customize your blogger blog by removing navbar. Navbar is actually a navigation bar on the top of the blog, that comes by default. The navigation bar includes "Share", "report Abuse", "Next Blog", "Sign In", "Create A Blog" etc.... That link can cause the user to navigate to the next blog using "Next Blog" option in Navbar.

How it looks before Removing Navbar ?

Before Removing Navbar from Blogger

How it is done ?

# Step 1 :

Before you start to edit Html codes in template, please make sure you have backup your current template before changing, mainly because a small comma or even a dot in the html code can interrupt your full blog design.

# Step 2 :

Click the template and take "Edit Html" and "proceed", 

Then find Body tag in the template Html Code

That is find body tag starting like.. " body { margin " or check the below pic 

Body Tag in the template Html Code

See the highlighted "body { " in brown color. Please find the above code

# Step 3 :

Copy the below code and paste before that "body tag"

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

See the picture below to insert code before body tag

Insert the code before body tag

# Step 4 :

Now save the template and take a look at your blog, You have removed navbar from your blog by using invatac.com posting. Now your blog looks somewhat better than earlier.

How it looks after editing ?

After Removing Navbar From My Blog

Thanks for reading. Hope you have liked the post.


Your comments and suggestions are always welcome to improve my blog. Please comment below your valuable information.

About Me
I am a computer student looking for make my own name in the field of technology. Please add my Google profile to your circles.