Blogger, CSS tips

Hide Blogger Navigation Bar – CSS Hack

Off 46

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

  • Page Navigation Menu Widget for Blogger

    Yesterday I wrote How to add Page Navigation Menu hack by editing your blogger template. Now today I would like to use a different method to add this Page Navigation Menu to our Blogger Blog. Most Bloggers will prefer this method to add Page navigation Menu , because this method is very easy than editing…

  • Advanced Techniques and Debugging Strategies for Optimizing React Component Rerendering

    React is a powerful JavaScript library for building user interfaces, particularly single-page applications. A fundamental concept in React is the component, a reusable piece of code that returns a React element to be rendered on the DOM. Rerendering is the process by which React updates the DOM to reflect changes in the state or props…

  • 65+ Stunning Macro Photographs with tutorials

    We are often bothered and eluded by the large things like landscape, river views, lakes etc. but we rarely look to the smallest things in our world. Macro photography is one of those medium which makes you feel that even the smallest things have many parts to play in this globe. Macro photography means that…

  • 20+ Amazing Time-lapse Photography Inspirations

    Today i have come up with an interesting photography technique named “Time-lapse Photography”. It’s somewhat related to Long Exposure Photography, but here all the individual shots are combined together to form a slow motion video. In Time-lapse Photography, the same subject will be captured which will spread out over a period of time. Each frame…