Postagens | Dicas blog, Imagem, Pc Windows

Retirar barra navbar que fica no topo de blogs e sites do Blogger

Vou mostrar como retirar a navbar do blogger que fica na parte de cima de blogspot e sites que usam a plataforma blogger, sem usar códigos para isso.

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.

    Mudar ou Retirar Navbar do blogger

  1. Acesse o blogger.com
  2. Se estiver na página inicial do blogger, clique na seta de menu que fica ao lado do nome de seu blog
  3. Abrirá o menu, talvez apareça uma barra de rolagem, se ocorrer, role ela para encontrar a opção Layout
  4. 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)

  5. Na página que abrir encontre o quadro Navbar e clique no link Editar
  6. Passo a passo pra mudar ou tirar barra navbar do blogger nova interface do meu blogspot
  7. Na página que abrir escolha um modelo e marque ele ou, para retirar a Navbar marque a opção Desativado
  8. Clique em Salvar
  9. Na página anterior, pode clicar em Salvar organização, só para não perder o hábito
  10. Como escolher ou retirar navbar do blogger nova interface atualizada, barra blogger com B que fica na parte superior de blogs
Tudo pronto, visite seu blog e veja como ficou, e pode continuar lendo.

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.

Retirar a navbar blogger influencia em SEO do blog?

Sim, e positivamente. Esse é mais um avanço do blogger que influi em SEO do seu blog, para quem não sabe, SEO são inúmeras técnicas que melhoram um blog ou site de forma que apareçam mais nos sites de busca, e, o site ser mais leve e carregar mais rápido é uma destas técnicas, uma vez que sites de busca dão um pouco mais preferência para páginas que possibilitam navegação mais rápida, e, sem a navbar isso acontece, pois é um peso a menos no seu blog, claro que isso não é o único fator.

2 comentários:

  1. Valeu Excelente dica, obrigado!

    ResponderExcluir
  2. Muito bom !! tirei a minha sem problemas !!! obrigado

    ResponderExcluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Postagens Populares