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

  • Transforming Software Development: How AutoGPT is Revolutionizing Content Creation and 5 Expert Tips to Maximize Its Potential

    Are you tired of spending hours writing documentation and code comments for your software projects? Do you wish you could automate these tedious tasks and focus on more creative aspects of development? Look no further than AutoGPT. AutoGPT is a revolutionary tool that is transforming the way developers approach content creation in the software development…

  • Master the Art of Object Destructuring: Boost Your JavaScript Skills Today!

    JavaScript destructuring is a powerful feature that allows developers to extract values from arrays and objects, and assign them to variables in a more concise and readable way. By using destructuring, you can easily access specific values from complex data structures, such as nested objects or arrays, without having to write lengthy code to traverse…

  • 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…

  • 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….

  • The Complete Checklist of React Best Practices for Front-end Developers

    React is a popular JavaScript library used for building user interfaces. It was developed by Facebook and is now maintained by both Facebook and a community of developers. React allows developers to build reusable UI components that can be easily composed to create complex user interfaces. Using best practices in React development is essential for…