How to Off Navbar and Permanently Remove Navbar From a Blogger Blog Updated With New Blogger Template Editor ?



                  Hello everyone, After a long time I am going to write a new post on my blog. Today we discuss how to off navbar and permanently delete navbar from a Blogger / BlogSpot blog. Navbar means navigation bar which placed on top of a blogger blog. By using navbar we can directly share our site on google+ and directly sign in sign out from blog and can acess our blog�s dashboard but i thing all these thing are not actvally useful for your blog and the navbar make a blog look ugly and unprofessional. So its very necessary to off navbar or delete navbar from your blogger blog. So use following methods to delete or off navbar from your blogger blog.

Recommended Read:

Start With Blogger And Create A Blog on New Blogger Interface in 6 Steps With Pictures.

HOW TO OFF NAVBAR FROM BLOGGER BLOG


METHOD FIRST

1. At first log into you'r blogger account. ( At blogger.com )

2. Now click on Layout from list of stack on your blog.

3. Now you are at layout screen then search for Navbar widget and click on edit. See below image for help.



4. Now a pop up window appear you can use differ differ nav bar from here. Because you want to off it so select last OFF option and save the widget. 



You have done.

Visit your blog navbar is gone from your blog. 



METHOD SECOND ( Using CSS method)

1. Log into your blogger account.

2. Now choose �Template� from list of stack items. Please Make Backup your blog template before editing. (Useful article: How to Back-up Your Template, Restore and Upload New Templates using the New Blogger Interface ? )

3. Now click on �Edit HTML� button.

4. Then search for below following code

   ]]></b:skin>

5. Now paste the below CSS code just above ]]></b:skin> code.

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

6. Now Click save template button.

That�s it.

Visit your blog. You will not see navbar on your blog. 





HOW TO DELETE NAVBAR FROM BLOGGER BLOG


1. Log into your blogger account.

2. Now choose �Template� from list of stack items. Please Make Backup your blog template before editing. (Useful article:  How to Back-up Your Template, Restore and Upload New Templates using the New Blogger Interface ? )

3. Now click on �Edit HTML� button.

4. Now you are new blogger template editor. Click on �Jump to widget� a drop down list opens. Choose Navbar1 from drop down list. See below image for help. 



5. You are at navbar coding the coding look like below images. (see both two image) 

Sample #1



Sample #2




6. Now Delete the HTML code shown in the above images.

7. Then click the �Save template� button.


That's all now you can view your blog, navbar is gone from your blog.


If you have any problem and any query and have a better solution then please post it in comment box. Thank you. Keep visiting  J



Comments

Popular posts from this blog

Read analog input of Arduino Due board

Application Note of Cortex-M3 Embedded Software Development