In my previous post, I explained about How to remove the blogger top banner? But after removing the navbar, still it leaves extra space occupied by Navbar. Means navbar get disabled but space occupied by it is still there. So follow these steps for removing that extra space:
- Log in to Blogger.
- Go to "Design" tab from the top tab bar under your blog's name.
- Go to "Template Designer" and choose the "Advanced" tab from the upper left.
- Scroll to the bottom of the list of options and select "Add CSS"
- In "Add custom CSS" type:
#navbar-iframe {display: none !important;}body .navbar {
height:0px;
}
.content-outer {
margin-top:0px;
} - Click "Apply to blog".
- That's all, it will remove the Navbar and extra space occupied.
18 comments
commentsvery good info, clear and to the point. It worked! thanks
Replyalways welcome!!
ReplyThanks Again Buddy ! at last my problem is resolve ! :)
Reply@vicky.. anytime buddy!!
Replynot working :-(
Reply@sonimdinesh.. It must work, r u following the above procedure??
Replygreat!!!!!!!!!
Reply@Blogs: thanx!!
Replythank you very much..♥♥♥
Reply@Cik Diba: thanks!!
ReplyI just became alert to your blog through Google, and found that it's truly informative. I’m going to watch out for brussels. I will be grateful if you continue this in future. Lots of people will be benefited from your writing. Cheers!
ReplyClick Here : My Top Blogger Tricks
awesome. i tried so many tricks and your did it just like that!
Reply@Anonymous: thanks for appreciation!!
ReplyJust the trick I was looking for! Thanks
ReplyThanks a lot......
Replyshukriya harwinder ji.. i was in search of it since i am using blogger
Replythanks
ReplyYour the MAN!
ReplyThank you for your comment.