Pin It

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>

If You Found Something Useful, Then Kindly share This Now:
Technorati Digg This Stumble Stumble Facebook Twitter
साँझा करें Share It Now !
StumpleUpon DiggIt! Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google Twitter FaceBook



Post a Comment

Your Suggestions are valuable for me.

FeedBurner Updates


Thanks for Your Arrival !


© 2011-2018. Mast Blog Tips All Rights Reserved Arvind Jangid, Sikar, Rajasthan. Template by Mast Blog Tips | Back To Top |