Removing Blogger Nav Bar

To remove your Blogger nav bar, just use your web browser and login to your blogger site account. Once you are on your Blogger Dashboard, click on the design link to take you to your Blogger website layout page.

Then clink on the “edite html” link and you will be link to a page full of html script in an iframe mode i.e inline frame mode.

Note: make sure you did not either delete or temper with any code in there, to avoid your blogger site template to be spoilt. That is if you are only using blogger template and not an external template being imported to blogger

Once you are on the html inline frame page, click on the expand check box  attached to the html frame and the page will automatically reloads to the same edit html page.

Now use your keyboard buttons and type or press control F to pop up the find box. Copy this text bellow and place it in there that is in the find text field.

/* Variable definitions

When this is being highlighted for you, then copy the bellow code and place it at the top of the found text (/* Variable definitions).

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

Once you are done placing it, then move down bellow the current page and save the template by click on the save template button then you are done.

At the top of the page a text will be displayed to you telling you that your template has being save successfully,  you can now go to your site or refresh your site if your there already, and if it was successfully done by you, the nav bar will be removed automatically when you look at the top of  your site page.