How To Remove The Space Above Blogger Header?

You Might have probably seen that when you Remove the Blogger Navbar a huge empty space left on top of the blog's header. In fact, this space interferes  the Design of the Blog by pushing down the Header. You can use this space to display Ads or place for Social Networking Buttons etc. etc...

SO,

---

How to Remove that Empty Space?

---

• Login to Blogger account.

• Go to Template -> Click Edit HTML and then Proceed.

• Search for  </Head>

                                    [Tip: You can search by Pressing Ctrl+F]

• Now add the following code Just above the </Head> tag.

<style type='text/css'>
.content-inner
{
margin-top: -40px !important;
}
</style>

• Preview the Template before saving.

                           Note: You can do experiment with the –40 value to adjust the Header Position.

• If its OKK… then press Save.

That’s all…  Thank You

Posted in: BLOGGING