Como Retirar Espaço da Navbar em cima do Header

Navbar é um elemento padrão do Blogger, como eu disse em outra postagem muitos usuários não gosta desse elemento que tem algumas opções úteis como compartilhar, denunciar etc..

Como Retirar Navbar do Blogger

Muitos blogueiros criam ótimos designs de blogs e quando vão colocar fica a navbar deixando o visual desagradável no blog.

Em outra postagem eu ensinei como retirar a navbar do blogger, mais quando desativamos a navbar fica com espaço acima do Header, nesta postagem irei ensinar como retirar o espaço deixado pela navbar quando desativada.

Antes de editar o modelo, salve o modelo caso ocorra alguma edição incorreta.

Acesse o Painel do Blogger, clique em “Modelo”, no topo ao lado direito clique em “Fazer backup/Restaurar” e logo em seguida em “Fazer download do modelo completo”.

Na mesma página em “Modelo”, clique em “Editar HTML”, “Prosseguir”.

Bem simples, utilize o seguinte código para retirar o espaço.

#navbar-iframe {                                      
display: none !important;
}
body .navbar {
height:0px;
}
.content-outer {
margin-top:0px;
}

O código acima não deve sofrer nenhum tipo de alteração e deve ser colocado acima de “/* Variable definitions”. (Sem as aspas)

Deverá ficar assim:

Após Editar o Modelo, Clique em “Salvar Modelo”.

Deixe seu comentário a respeito do conteúdo tratado nesta postagem!