How to Hide Blogger "Nav Bar"

Important - As per the terms and conditions of Blogger it is violating if you hide blogger nav bar without hosting blog with domain name. This tutorial means that you have custom domain only.
Before editing anything it is safe to take entire template back first, you can find how, Here
1. log into your blogger Dashboard.

2. Design>>Edit HTML.

3. Search out ]]></b:skin> in your template.

4. paste the codes just before ]]></b:skin> and take before saving template.

---

Codes to Hide Hide Blogger Navbar -

---

#navbar {  height: 0px;visibility: hidden; display: none;}

---

Codes to Hide the Gap left by hiding Navbar-

---

#b-navbar { height:0px; visibility:hidden }
body { position: relative; top: -32px; }

---

Codes to Show Navbar at the bottom of blog-

---

Add the following Codes at the end of body section:-

<style type="text/css">body { position: relative; }#b-navbar {position: absolute;top: inherit;bottom: 0px;margin-bottom: 0;}</style>

Arvind

Baca juga