This tutorial will show you how remove the empty space on top after you removed the navbar, the empty space on top after removing the timeline doesn't look so good and thus many people want to remove it as well, show let's start.
Removing the navbar was an easy one and but the empty space left there was not too good, some people want their blog/website header to stick on top (see mine), and if you want like that too you just have to copy-paste some codes from here.
I have tested it with my own test-blog and after getting positive result i am going to teach here. Although it was a 2 minute job to test and make it work so that was not too big deal for me.
I will teach you step-by-step so it will be easy for you to understand.
The CSS code i will use to remove the empty space on top is very small but works good to make a blog look more professional.
- Login to your blogger account
- On Blogger dashboard select Template tab
- Now you should be on the Template tab, click on Edit HTML and then Proceed
- Using your browser's search feature (default CTRL+F) search for </head>
- After you found </head> in the template code of your blog paste this small line of code above </head>
<style type='text/css'>
.content-inner
{
margin-top: -60px !important;
}
</style>
.content-inner
{
margin-top: -60px !important;
}
</style>
Related Post: Remove the Navbar from blogger blogs