Como remover a barra do Blogger no topo da página (Navbar)

Quando alguem cria um blog no Blogger/Blogspopt, provavelmente todos devem observar a Navbar, (barra no topo da página)
Praticamente todo os criadores de blog prefere removê-la, para dar ao seu blog um ar mais profissional. Remover essa barra é muito simples, basta seguir os passos abaixo:
Acesse o painel de controle do seu blogger. Pode acessa-lo cricando aqui.
No painel de controle, clique em Design. Em seguida selecione a guia “Editar HTML”.
Localize o seguinte trecho no codgo html do seu blog 

]]></b:skin>

Você pode precionar Ctrl + F para localizar esse trecho mais facilmente no codigo.
Cole imediatamente acima desse trecho que você localizou o seguinte codigo:

.navbar {display:none}

Feito isso, clique em “visualizar”, se tudo estiver certo, é só clicar em  “Salvar modelo” e pronto. A barra ja não aparece mais.
Existe outro codigo para fazer isso, porem esse é o unico que não deixa um espaço vazio no lugar da barra no topo da pagina