Friday, 22 June 2012

How to Customize Your Blogger Navbar

As a Blogger user, Navbar aka Navigation Bar is not a new feature you find on top of your blog. It has some interesting options such as it enables you to search blog, get back to your Blogger dashboard in a single click, let you share your content on social websites, shows your logged
inemail address and let you sign out and also you can navigate through recently updated Blogger blogs. As it has no much customization available, I would like to go through below criterais,

How to Change Color of Your Navbar
How to Hide Your Navbar

How to Change Color of Your Navbar

It is nor a find hard tip or code genius work. You may already know this or else if you are a newbie or you couldn't find a way to, you can learn how to change color of your Navbar.


i. Go to Blogger Dashboard.

ii. Click on your Blog Title.

iii. Navigate to Layout tab.

iv. Click on the Edit link correspond to the element Navbar on top right.

v. There you can find more colors for your Navbar and select one of them you'd like and click Save.

vi. Now click on Save arrangement button.

vii. Preview and see your Navbar with new color you have selected.

How to Hide Your Navbar

Navbar is a Blogger default feature for Blogger users and rather than limiting the customization of Navbar, Blogger made it easy to hide it from your blog if you are not like to show it on your blog.


i. Navigate to your Blogger Dashboard.

ii. Click on your Blog Title.

iii. Navigate to Template tab.

Note: Before editing your template, you may want to save a copy of it. Read How to Back Up Your Template.

iv. Click on Edit HTML button.

v. Click Proceed to continue.

vi. Now find the line of code ]]></b:skin> in your template.

vii. Now copy and paste below CSS style code just before the line ]]></b:skin>.

div.navbar {
display: none !important;
height: 0px;

viii. Now Preview your blog and Save template.

Enjoy :-)


Your Comment Posted After Approved.