How to Remove Blogger Navbar?
You know that in default blogspot blogger template you will find navbar. Sometimes it may looks very ugly. So, most of the blog owner try to hide the blogger navbar. If you remove your Blogger Navbar then your website will look more professional. There are several process to remove navbar from your blogger blogs. Read the following article and find out the most easier way to disable the navbar.
1. Login to your Blogger Account.
2. Go to Dashboard > Template > Edit HTML
3. Backup your template (Download Your Template)
4. Check the box of Expand Widget Template.
5. Find the following code by pressing Ctrl +f
You know that in default blogspot blogger template you will find navbar. Sometimes it may looks very ugly. So, most of the blog owner try to hide the blogger navbar. If you remove your Blogger Navbar then your website will look more professional. There are several process to remove navbar from your blogger blogs. Read the following article and find out the most easier way to disable the navbar.
 |
Remove Blogger Navbar Process 1
1. Login to your Blogger Account.
2. Go to Dashboard > Template > Edit HTML
3. Backup your template (Download Your Template)
4. Check the box of Expand Widget Template.
5. Find the following code by pressing Ctrl +f
</head>
6. Replace it with the following code
<style type="text/css">
#navbar-iframe { height:0px; visibility:hidden; display:none }
</style>
7. Now preview your blog and if you see there is no navbar on your site... Then your operation to remove Blogger Navbar is 100% successful.
Remove Blogger Navbar Process 2
This is another simplte step to remove blogger navbar. Now, try yourself.
1. Login to your Blogger Admin Pannel.
2. Then go to Template > Customize (It will open blogger Template Designer)
3. In the Blogger Template Designer go to Advance > Add CSS
#navbar-iframe {
display: none !important;
}
5. Click on Apply Changes.
Now everything is done. You have removed your Blogger Navber.
Remove Blogger Navbar Process 3
1. Follow from Step 1 to 4 of Process 1.
2. Now find the following code (Ctrl+f and paste the following code):
<body>
If you can't find the above code, search for the code below:
<body expr:class='"loading" + data:blog.mobileClass'>
3. Then above the code paste the following Code:
<!--<body>-->
0 comments
Post a Comment