Remover a Barra de Navegação e o Espaço do Blogspot

Este é um tutorial para remover a barra de navegação do Blogspot. Aprenda a editar o seu template para retirar a Navbar do seu blog hospedado no Blogger.

Para completar este processo você terá que fazer alterações ao código CSS do seu blog, é importante que guarde uma cópia primeiro no seu computador para o caso de fazer um erro e estragar o layout do seu blog.

O primeiro passo é ir a Design > Editar html e clicar em Transferir Modelo Completo para criar uma cópia de segurança do seu template, depois de clicar guarde a cópia no seu computador numa pasta onde seja fácil voltar a encontrar o modelo.

Depois de ter a sua cópia guardada passamos ao segundo passo e às alterações: 

1. Usando a função de procura do seu navegador (Editar > Localizar. no Internet Explorer) localize a seguinte linha no código do template: /* Variable definitions
2. Crie espaço antes desse texto e cole este código: #navbar-iframe {display: none !important;}
3. Clique em guardar modelo e verifique se não aparece nenhuma mensagem de erro depois de guardar.

Ilustração da Alteração

Agora refresque o seu blog e se tudo ficar como deve ser a barra de navegação do Blogspot será removida.

Reduzir o Espaço da Barra

Como deve reparar a barra desaparece mas agora parece que o seu blog fica deslocado para baixo, nada que um bocado de CSS não resolva.

1.  Procure por /* Content usando o método da alteração ao código anterior e por baixo encontrará o CSS para a tag body
2. Na linha acima de body cole #navbar{height:0px;}
3. Guarde o seu template e veja se não aparecem nenhumas mensagens de erro

Ilustração da Alteração

Se tudo correu bem agora já conseguiu remover a barra de navegação do blogspot e diminuir o espaço que a Navbar deixa depois de desaparecer. Se algo correu mal durante as alterações e o desenho do seu template ficou estragado você pode carregar o modelo original que guardou no inicio em Design< > Editar html.