Para quem não sabe, a navbar é aquela barra do blogger que fica no topo e que, por padrão já vem em blogs do blogger e, agora é permitido retirar de forma eficaz e muito fácil.
Essa maneira é a mais indicada porque não vai apenas ocultar a navbar usando códigos JavaScript ou Css, vai realmente retirar a navbar e, sem uso de códigos, o blogger removerá o código Html que gera ela, e isso, além de tirar a navbar, deixa o blog mais leve para carregar. Sem a navbar o blog irá carregar mais rápido por retirar aqueles códigos e seu peso em bytes, tira também imagens e arquivos que a navbar contém, e, as solicitações de arquivos que a navbar vai deixar de fazer ajudam acelerar um pouco o blog.
O mesmo processo serve para mudar o modelo de navbar, você apenas escolheria outra opção que não fosse a opção de desativar, como mostrado no passo 6, mas estou quase certo que sua preferência seja, principalmente agora, retirar a navbar.
- Acesse o blogger.com
- Se estiver na página inicial do blogger, clique na seta de menu que fica ao lado do nome de seu blog
- Abrirá o menu, talvez apareça uma barra de rolagem, se ocorrer, role ela para encontrar a opção Layout
- Clique em Layout
Se você estiver em outra área do blogger(correspondente a seu blog), aí a opção Layout poderá estar no menu lateral esquerdo do blogger(observe imagem abaixo)
- Na página que abrir encontre o quadro Navbar e clique no link Editar
- Na página que abrir escolha um modelo e marque ele ou, para retirar a Navbar marque a opção Desativado
- Clique em Salvar
- Na página anterior, pode clicar em Salvar organização, só para não perder o hábito
Mudar ou Retirar Navbar do blogger
Código Css para tirar o espaço da navbar
Atenção, os passos acima são importantes porque retiram a navbar e um monte de códigos dela, e, somente se ficar um espaçamento vazio no lugar que havia a navbar aí você tem duas opções, retirar esse espaço ou reduzir ele, em ambas você precisa saber como adiciona Css no blogger, clique aqui, e depois escolher e adicionar um dos códigos abaixo.Código para ocultar a navbar e seu espaço:
#navbar{display:none;}
Código para reduzir altura do espaço da navbar:
#navbar{height:15px;}
Nesta última linha de código você pode alterar o número para mais ou menos, a altura da navbar é de aproximadamente 30px e você decide que espaço quer no topo onde tinha a navbar.
Valeu Excelente dica, obrigado!
ResponderExcluirMuito bom !! tirei a minha sem problemas !!! obrigado
ResponderExcluir