Remova a navbar do novo blogger

O Blogger deixou de ser beta em 19/12/06. Eu pessoalmente não acho nada bonita a navbar do Blogger. Então, se você (como eu), quiser tirar a navbar do seu blogger, vá em:
  1. Modelo/layout
  2. Editar html/edit html
  3. Expandir modelos de widgets
  4. No template, procure pela tag body e adicione o seguinte código logo acima dela: #navbar iframe{heigth: 0px; visibility: hidden; display: none;}
  5. Por exemplo, o começo básico de todo modelo tem o seguinte código: (…). Vá descendo os olhos um pouco mais abaixo, daí você vai ver a tag body:
  6. body {
    background:#…. url(http://…/jpg);
    margin:0;
    color:$textcolor;
    font: x-small “Trebuchet MS”, Trebuchet, Verdana, Sans-serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }
  7. É exatamente acima dessa tag body que você adiciona o código que eu passei, daí, copiando e colando, o novo código fica assim:
  8. (…)#navbar-iframe{
    height: 0px;
    visibility: hidden;
    display: none;
    }
    body { (…)
  9. Viu, a nova parte de código está logo acima da tag body;
  10. Clique em visualizar prá ver como ficou, e, se ficou legal, salve.

Pronto, a navbar sumiu…

18 Responses to “Remova a navbar do novo blogger”

  1. Anny Rose Says:

    Ótima dica, fiz um teste num blog que tenho, que está configurado no modelo novo, e deu certo.

    Tv Retrô
    http://www.tvretro.blogspot.com

  2. Claudya Says:

    Que bom! Vou conhecer seu blog logo logo…

  3. Turismo Ceará Says:

    dica show claudya vou usar, ve´lá depois http://www.turismoceara.blogspot.com

  4. Claudya Says:

    Legal! Vou passar lá prá conhecer…

  5. Danillo Says:

    OI
    Adorei seus códigos.
    Agora todo dia vou vim aqui.
    Abraços e sucesso.

  6. Claudya Says:

    Obrigada Danilo, e, sobre o código p/ o blog aparecer + na busca, valeu pelo alerta. Vou editar o post ok. Bjos

  7. D-tuddo Says:

    Eu estou mexendo e todo o codigo do blog antes de começar a postar… ai encontrei esta dica aqui…
    mais tem um probleminha eu uso o firefox e fica um espaço em branco no lugar da barra o que tenho que fazer???

  8. Claudya Says:

    D-tuddo, pelo que vi é o template que tem o espaço em branco, logo acima do header. Bjs.

  9. BROCK Says:

    PO FICOU LEGAL PRA KRALHO
    LHE ADMIRO MUIT O POR SUA
    INTELIGENCIA … JAMAIS OUTRAS
    PESSOAS PENSARIAM COMO VC….

    MUITO LEGAL MESM O JA FIZ NO MEU
    FICOU DU KRALHO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

    OBRIGADO PELA DICA …

  10. BROCK Says:

    tenho uma duvida é um pouco diferente desse assunto

    TENHO UMA FOTO E APLIQUEI O “target , para que a mesma
    abrisse em uma nova janela, certo?
    então…quero que esta nova janela possua um background
    black e a foto abra centralizada tem como voçê MONTAR UM HTML em relação a isso ????????????/

    me responda isso é muit o importante …
    abraços !!!!!!!!!!!!!

  11. Claudya Says:

    Brock, obrigada pelo elogio. A nav bar do Blogger é feia mesmo, mas eu sempre deixo o selo do blogger em algum lugar (por garantia). Qto. ao código, acho que dá sim, vou ver ok. Bjs

  12. g4mer Says:

    como edito o blog sem o navabar???

    como fasso?????

    eu tirei e visualizei mais tive q nao salva se naum fudia tudo!!!!!

  13. g4mer Says:

    nao blz ja consegui!!!
    e so po u icone da bloger e seu entra ai nu site!!

    http://www.g4mers.vai.la

    e eu ainda modifiquei o site o original era

    tudoeumpoko.blogspot.com

  14. Denise Says:

    Obrigada pela dica, deu certo!!!!
    Queria colocar os comentários abaixo do texto que posto, você saberia me dizer como??
    E….adorei seu blog!!!
    Denise

  15. Claudya Says:

    De nada Denise. Os comments do meu blog seguem o padrão do WP. Mas, o Jack book adpatou o código ao blogspot. Veja em http://www.jackbook.com/.

  16. Christian Says:

    Muito Bom tópico sobre NavBar Claudya, funcionou perfeitamente pra min tbm, assim como para o restante do pessoal…
    Parabéns pelo Blog…
    Christian Gomes - Porto Alegre RS

  17. Miss Pittig Says:

    Obrigada pela dica, funcionou…agora vou ver como colocar o haloscan!!!

  18. Sandro Says:

    Valeu, serviu, ufa odiava aquele “navbar”

Leave a Reply