Blogger, CSS tips

Hide Blogger Navigation Bar – CSS Hack

Off 53

As we all know in blogger, above header there is navbar or navigation bar . Most of want to hide the navigation bar in blogger , but we don’t know how to do that. Never wonder here is a simple trick to hide the navigation bar in blogger .

Follow these easy steps to paste the below CSS code :

CSS code to remove Navigation Bar in Blogger :

/* CSS to hid navigation bar */

#navbar

{

height:0px;

visibility:hidden;

display:none

}

hide Navigation bar in Blogger

Log in to your blogger account and select the Layout of the blog which you want to modify.

Select the tab page Template and then click on Edit HTML

Search for the text : body {

now paste the CSS code above the line in red.

This is how your template HTML code should look after pasting the hack code snippet

That’s all. From now onwards your blog will not display navigation bar.

About the author / 

Mohamed Rias

I'm a programmer, photographer, and proud parent. With a passion for coding and a love of capturing life's moments through my camera lens, I'm always on the lookout for new challenges and opportunities to grow. As a dedicated parent, I understand the importance of balancing work and family, and I strive to be the best version of myself in all aspects of my life.

Related Posts

Popular

Editor’s Pick

  • 35+ Creative Ads That Makes You Look Twice

    You might have seen plenty of advertisements on the road sides or when you have flipped over magazines. I hope that you might have just skipped most of them, but there are some cool creative advertisements which would make you look twice. To create Creative advertisements , the designer must be innovative enough to take…

  • The Battle Between CSS-in-JS and Traditional CSS: Pros, Cons, and Best Practices

    If you’re a web developer, chances are you’ve heard of both CSS-in-JS and traditional CSS. Let’s start with a quick explanation of each: CSS-in-JS: A method of styling web pages where CSS styles are written in JavaScript files and applied to components at runtime. Traditional CSS: The standard way of styling web pages using a…

  • Show only post titles in Labels page

    Hope you might have noticed that few blogger users are using custom layout for Home Page , Post Pages, Labels Page and Archives Page. Though I will write about having custom Layout in your blog later , In this post I will explain how to show only post titles in labels page and Archives page….

  • Show Adsense ads below post title

    In this tutorial I will explain how to place Adsense ads below post title in Blogger Blogs with lots of customization tips. You might have noticed that most of the bloggers show Google adsense ads below title to increase their Click through rate and earnings. According to Google adsense help pages ” Where to place…

  • 45+ Unbelievable Landscape Photography Inspirations

    Beach Grass, Scotland Marram beach grass blowing on the coast of the Isle of Lewis. Pampa – Santa Fe, Argentina Hengill Mountain, Iceland Hengill mountain is close to Reykjavik and is famous for its geothermal areas and vivid colours. Storm Clouds, South Dakota Large powerful storms can be nearly a daily occurrence during the summer…