Retirar a barra do blogspot

O Blogger lançou a opção padrão para ocultar a navbar do seu blog, veja em nosso tutorial atualizado (julho/2012) sobre: retirar a Navbar do Blogger, mas esse código que mostramos continua funcionando normalmente, então você pode retirar a barra do blogspot entrando na pagina editar html e colocando este código:

<style>
#navbar-iframe { height:0px; visibility:hidden; display:none !important;}
</style>

Você faz isso pela pagina modelo e escolha a guia editar html, quando aparecer o código do seu blog procure por: <head>(isso está bem no começo do html) e cole o código acima depois é só clicar para salvar e pronto a barra na parte superior do blogspot já desapareu.

retirar barra do blogger
Depois das atualizações do Blogger com os novos modelos de template com o surgimento da pagina designer do modelo, quando retirar a barra do blogspot geralmente fica um espaço vazio no lugar dela, isso é causado por esse código que você encontra na pagina editar html.

.content-outer {
margin: 0 auto;
padding-top: 20px;

Além deste código existem alguns outros que também podem causar o espaço, então procure também por:

body .navbar {
height:0px;
}
.content-outer {
margin-top:0px;
}

Veja se os valores estão em 0 isso retire qualquer espaço que possa existir. Gostaríamos de pode dizer exatamente qual é o código, mas o problema é que isso varia conforme o template que seu blog usar, portanto o unico jeito é fazer testes até descobrir qual deles funcionará no seu blog.

Então você precisa retirar esse padding-top: 20px; porque é isso que faz aparecer esse espaço vazio no inicio do seu blog.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

180 comentários:

  1. Meu amigo valewss a dica
    to começando agora com web
    e decidi fazer um blog...
    essa da barra foi bem util

    ResponderExcluir
  2. Estava procurando por isso. Deu certo. Obrigado!

    ResponderExcluir
  3. Estava procurando isso.... deu certinho, thanks.

    ResponderExcluir
  4. e agora, sumie e como faço para acessar as coisas que tinha na barra, como por exemplo personalizar?

    ResponderExcluir
  5. pelo painel do blog é possível acessar todas essas coisas(personalizar, nova postagem), quando você entrar no site do blogger clique em layout vai para a mesma página que o personalizar

    ResponderExcluir
  6. Gostei, mas gostaria de saber como colocar aquela barrinha

    Início/O que temos/ Links

    Ai vc aperta e aparece a pag.
    já vi varios blogspots que tinha isso!

    ResponderExcluir
  7. Amo vir aqui para fazer tudo no meu blog. Vc é nota 1000000000000000000000000.
    Bjão

    ResponderExcluir
  8. legal, mas não tem nenhum problema em relação ao blogspot nao? eles nao acham ruim retirar essa barra nao?

    ResponderExcluir
  9. que eu saiba nunca deu problema algum, tem blogs que já removeram a barra e faz tempo e nunca aconteceu nada.

    ResponderExcluir
  10. Caraca! Deu certo! Valeu!

    Aproveitanto, vc por acaso já ensinou como colocar uma imagem aninada tipo a deste blog?? Abraço!!!

    ResponderExcluir
  11. Muito bom! Valeu mesmo pela dica!!!

    ResponderExcluir
  12. cara nao percebi onde colocar o cod.
    porfavor me contacta

    ResponderExcluir
  13. Obrigada! Ficou dez! Vc sabe informar se o blog pode ter uma coisa tipo "cadastre seu e-mail e receba nossas atualizações". Existe código para isso???? Bjinhos! Liza (Espaço Educar)

    ResponderExcluir
  14. Liza

    para enviar suas atualizações por email use o feedburner

    veja aqui
    http://dicasparablogs.blogspot.com/2009/03/enviar-atualizacoes-por-email.html

    ResponderExcluir
  15. agora que eu retirei a barra do blogspot,como faco para postar?
    ja que sumiu a barra de nova postagem!!!
    grato!!!
    ydenore

    ResponderExcluir
  16. quando fizer login clique em nova postagem na pagina inicial do blog

    ResponderExcluir
  17. Oii, obrigada pela dica da barra, procurei em outros sites, mas nada valerem, aqui no site esta muito bem explicado! Então Muito obrigada, pelas dicas...

    Beijos

    visitem meu blog: http://wwwtwilightlove.blogspot.com/

    ResponderExcluir
  18. ola amigo
    gostei desta postagem
    mass gostaria de saber soh como mudar a cor da barra do blogspot?
    vlw
    aguardo resposta

    ResponderExcluir
  19. .Sean.
    já fiz uns testes com esse tipo de código, mas não deu certo mudar a cor da barra de rolagem do blogspot

    ResponderExcluir
  20. Muito bom...consegui, este blog é muito bom parabens!!!

    ResponderExcluir
  21. Brother é útil, mas desaparece até pra mim e eu utilizo o "Personalizar" que fica na barra.

    ResponderExcluir
  22. o recurso personalizar, você encontra no pagina no blogger clicando em layout

    ResponderExcluir
  23. Funcionou certinho mesmo, vlw pela dica

    ResponderExcluir
  24. opa!! valeu.. essa barra é um saco mesmo, sem ela o blog fica com uma cara de site mesmo.. show de bola, FEITORIA!!

    ResponderExcluir
  25. Já tentei de tudo e não consegui retirar a barra superior do blogspot e nem postagens (atom), quando salvo o modelo aparece a seguinte mensagem ...
    Corrija o erro abaixo e envie o seu modelo novamente.
    Não foi Possível Analisar o seu modelo, pois sua formatação é inadequada. Certifique-Se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: A instrução do processo deve começar com o nome do alvo.
    Por favor me ajude!!! aguardo resposta via email!!!
    desde de já muito agradecido!!!
    abraços!!!
    ysminas@hotmail.com

    ResponderExcluir
  26. tente colocar só esse trecho

    #navbar-iframe { height:0px; visibility:hidden; display:none }

    pode ser antes de body{....

    ResponderExcluir
  27. Excelente suas dicas Fabiano.

    Eu quero colocar a barra do blogspot na parte inferior, enquanto te aguardo vou tentando aqui, Valeu!

    ResponderExcluir
  28. Isso não pode ocasionar de um banimento do blog ne ? Pois eu li em outro blog a muito tempo que isso seria contra as normas do blogger, porém ja tirei esta barra de muitos blogs meus e nada...
    Se quiserem ver:
    http://smasher-blog.blogspot.com

    ResponderExcluir
  29. nunca ouvi falar que excluiram o blog por causa de retirar a barra, só por outros motivos: conteudo ilegal, plagio, racismo...

    ResponderExcluir
  30. Parabéns esse blog é muito dez..to mudando varias coisas no meu blog graças a vocês!

    ResponderExcluir
  31. Muito bom esse código!
    Adoro o bloger, pena que ninguém entra nele :(
    Não sei como fazer o meu blog famoso e ele tem di tudo!

    ResponderExcluir
  32. Vale lembrar que se quiser colocar devolta, é so retirar o codigo

    ResponderExcluir
  33. OBRIGADA TIREI AS BARRAS DOS BLOGS AMEI!

    ResponderExcluir
  34. Valeu pela dica...estava a procura desse código...^_^ ....só que eu consegui tirar a barra lá de cima e acabou que ficou um espaço enorme entre o título do blog e o inicio da página.. como faço para retirar esse espaço? dá uma olhada.. http://karinsensei.blogspot.com/

    ResponderExcluir
  35. :: Karin ::


    entre no html e procure por:

    .content-outer {
    margin: 0 auto;
    padding-top: 20px;
    }


    apague a linha padding-top: 20px;

    ResponderExcluir
  36. muito obrigada, me ajudou bastante ^^

    ResponderExcluir
  37. oi Fabiano,

    Você é dez!
    eu fiz isso num modelo simples e deu super certo, agora fiz num modelo novo do blogspot e ficou como se faltasse um pedaço, deixei assim pra você ver no meu site e me dizer o que pode ser feito para corrigir, ok?
    aqui tá o endereço:
    http://bootteleperformance.blogspot.com/
    como eu não sei se quando vc me responder aqui se eu recebo alguma mensagem avisando, aqui tá meu e-mail também: vladiaqueiroz.mestradoufba@gmail.com

    obrigada

    ResponderExcluir
  38. nos modelos novos tem no html
    .content-outer {
    margin: 0 auto;
    padding-top: 20px;


    precisa retirar esse padding-top: 20px;

    é isso que faz um espaço vazio no topo da pagina

    ResponderExcluir
  39. Amigos consegui tirar a barra, mas não o espaço ocupado por ela.

    procurei pelo codigo abaixo conforme ensinado aki, mas não achei para remover.

    .content-outer {
    margin: 0 auto;
    padding-top: 20px;


    Oque devo fazer?
    meu blog >> http://marpson.blogspot.com/

    Obrigado

    ResponderExcluir
  40. tente apagar este trecho:
    .main-inner {
    padding-top: 30px;
    }

    ResponderExcluir
  41. Amigo tbm não encontrei no html

    esse codigo


    .main-inner {
    padding-top: 30px;
    }

    ResponderExcluir
  42. Amigo tentei apagar esse tbm, mas não achei

    ResponderExcluir
  43. Ola Roberto Por Favor Preciso de ajuda numa situacao dentro deste topico.
    A algum tenpo Retirei a barra do Blogger, mas recentemente aparece nas postagens um 1/3 dela.
    Como e possivel....
    Sera que so eu consigo ver ou existe algo no html errado...
    Conto contigo Roberto se poderes ajudar,mega abraco.


    BLOG: (www.tvhdedownloads.blogspot.com)

    ResponderExcluir
  44. dwerso, seu computador provavelmente está usando o histórico de internet para entrar em algumas de suas paginas, exclua o histórico e veja o resultado ou tente ver seu blog em outro computador

    ResponderExcluir
  45. Não consegui tirar o espaço antes ocupado pela barra do blogger :(
    Me ajuda ? *-*

    ResponderExcluir
  46. Fiz tudo que esta escrito no tutorial
    e consegue remever a nave bar mais não consegui remover o espaço porque não encontro esse codigo no meu HTML

    .content-outer {
    margin: 0 auto;
    padding-top: 20px;

    Por favor me ajuda o que eu faço/

    ResponderExcluir
  47. diminua o valor 22 neste trecho do html do seu blog

    .header-inner .Header .titlewrapper {
    padding-top: 22px;

    ResponderExcluir
  48. muito obrigado pela dica!!! excelente seu site!!!

    ResponderExcluir
  49. obrigado mesmo por essa dica olha o que eu consegui por no lugar

    ResponderExcluir
  50. olha como ficou meus blog como essa dica foi boa olha o que eu consegui por no lugar blogdejogosdahora.blogspot.com

    ResponderExcluir
  51. Ah, eu não consegui tirar o espaço vazio. "/

    ResponderExcluir
  52. Ana Carolina, vou fazer uns testes, mas não era para ficar o espaço

    ResponderExcluir
  53. Cada template configura de um jeito. No que estou usando em um dos meus blogs, o Espetacular Ltda, remove-se o espaço neste trecho:



    Coloque -25px (ou o valor suficiente para remover o espaço) em Value. Fica assim:



    Senão tiver esses códigos no template que você estiver usando, aí vai ter que ser na raça, caçando nos código onde tem algo que possa ser isso, fazer teste e visualizar.

    ResponderExcluir
  54. Obrigada
    Visito sempre seu blog e aproveito várias das suas Dicas.

    Abs
    Ivy Freitas

    ResponderExcluir
  55. Muito Obrigado estou começando agora com a Web e decidir criar um blog muito obrigado mesmo pessoal.

    ResponderExcluir
  56. no meu não dá certo
    ainda não conseguo ver o navbar

    ResponderExcluir
  57. veja se no seu template não tem em outro lugar o código #navbar-iframe {...} com outras coisas dentro das chaves se tiver apague

    ResponderExcluir
  58. Manolo continue assim muito bom o seu site e as dicas

    ResponderExcluir
  59. kra vlw mt era oq mais tava presisnado obgd!

    ResponderExcluir
  60. Olá Fabiano, já tentei de tudo, todas as dicas que estão postadas aqui já testei, mas não consigo retirar o espaço vazio que ficou no lugar da barra do blog, por favor meu amigo, me ajude, aguardo a sua ajuda. Abraço.

    ResponderExcluir
  61. se desse problema em retirar a aba do blogger, não teriamos o html aberto para edição.
    Ela é apenas uma forma a mais de divulgar o blogger, outros blogs e de facilitar o seu acesso às funções dele. Nada de mais.
    Valeu pelas dicas. Não encontrei aquele código para eliminar o espaço da barra da mesma forma que colocaste aqui, mas é só apertar Ctrl+F e pesquisar 20px e ir editando e visualizando para achar o código que modifica.
    vlw mesmo o/

    ResponderExcluir
  62. Não achei o código pra retirar o espaço. Achei vários padding 20px. Mas nenhum deles mudou.

    Existe outra forma?

    ResponderExcluir
  63. procure pelo trecho content-outer e não pelo 20px

    ResponderExcluir
  64. me ajudaaaaa eu fui mudar esse trem e o fim do meu blog encolheu e agoraaaaaa?????????

    ResponderExcluir
  65. william, você deve ter alterado o trecho errado do html do blog... o unico jeito é tentar desfazer

    ResponderExcluir
  66. Muito bom!!!!

    Valeu mesmo!!!

    Não dá trabalho nenhum é só seguir o pap

    ResponderExcluir
  67. Este é o melhor mesmo, funcionou na hora.
    Obrigada

    ResponderExcluir
  68. Estou tentando fazer isso, mas já tentei todas as dicas, e tive à procura de algum código para tirar mas não consigo.

    Blog: http://generationteenager.blogspot.com/

    ResponderExcluir
  69. Eu queria continuar com a navbar, mas pôr ela transparente e atrás o logo do blog.

    Se me puder ajudar agradeço.

    ResponderExcluir
  70. para deixar a barra transparente só precisa entrar na pagina design e clicar para editar a barra lá tem varias opções

    Barra do blogspot transparente

    ResponderExcluir
  71. Cara, eu tava loco pra fazer isso, valeu

    ResponderExcluir
  72. Sabe, eu não consegui tirar o espaço, mais o mesmo ficou tão pequenininho, que eu achei que é charme ^^

    ResponderExcluir
  73. tirar o espaço totalmente deve envolver outros trechos do código.... mas concordo que um pequeno espaço fica muito bom

    ResponderExcluir
  74. Bom dia camarada , sigo seus conselhos a um tempinho, rsrs. mas esa ai de tira o espaço que fica nao ocnsegui rem nem um dos blogs ate agora , se poder ajudar?

    ResponderExcluir
  75. ja consegui tirar a navbar mas o espaço continua, nao consigo achar as linhas de codigo para apagar o valor de 20 px comentadas acima, ...tem algum script que possa acrescentar para fazer sumir esse espaço?

    ResponderExcluir
  76. veja se não tem valor margin neste código #navbar-iframe {... no seu blog

    ResponderExcluir
  77. Pelo amor de Deus, FAbiano, eu tirei a barra do BLOG mas agora não consigo acessar o layout, design, absolutamente nada! Nem sequer SAIR do blog eu consigo. O que eu faço???

    ResponderExcluir
  78. Luciana
    pode acessar tudo isso diretamente pela pagina do blogger
    http://www.blogger.com/

    ResponderExcluir
  79. BAH ! TENTEI TUDO QUE ESTÁ AI EM CIMA E NADA, O ESPAÇO EM BRANCO TEIMA EN FICAR EM CIMA DO TÍTULO

    EXISTE ALGO MAIS PARA SE FAZER?

    ResponderExcluir
  80. veja se tem outro código #navbar-iframe{... no seu html com margin ou padding.. isso pode gerar espaço em branco (vazio)

    ResponderExcluir
  81. Olá camarada! sumir com o navbar e diminuir o espaço que ficou no meu blog o código é;,agora ficou, -45.muito obrigado valeuuuuuuuuuu! meu blog para visualizar:www.pensenahistoria.com

    ResponderExcluir
  82. Valeu xará Luciano, consegui desvendar seu comentário (editado creio eu) e retirei o espaço.
    Agora grande Fabiano, a Luciana(nome comum né!) se desesperou, mas é verdade que com a barra fica bem mais prático.
    Agora o que eu vou perguntar já te foi solicitado por outras pessoas, pois companho suas dicas para blog desde 2009. COMO colocar a barra na parte inferior do blog? Ficaria o topo legal e a praticidade da barra continuaria igualmente. Ainda não vi algo desse tipo.
    Grande abraço.

    E para quem quiser conferir como ficou.
    minhasenossas.blogspot.com

    ResponderExcluir
  83. Oiii. Uso o "espetacular" com background inserido através de gadget. Tirei a barra, mas não acho nenhum código que modifique aquele bendito espaço...
    Alguém tem sugestão? Obrigada
    www.perfumesbighouse.blogspot.com

    ResponderExcluir
  84. Caríssimos Luciano Canavial e Luciano, obrigado pela dica, mesmo incompleta consegui decifrar o significado do -45px, agora posso tanto aumentar ou diminuir o espaço deixado pela barra blogger. Não quis postar o código completo devido ser uma descoberta de vocês, postem aí para a galera.

    Valeu

    ResponderExcluir
  85. caraá deu certo mais num consigu tira o espaço :s
    me ajuda ai ?

    ResponderExcluir
  86. Lucianos, essas atualizações de espaço não funciona no IE8 e no IE9, fica o espaço como se a barra do blogger ainda estivesse

    ResponderExcluir
  87. Funciona às mil maravilhas, obrigadíssimo meus senhores.

    ResponderExcluir
  88. Eu não consegui tirar o espaço, a paret do content-outer} tá assim:

    .content-outer {
    -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .0);
    -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .0);
    -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) ;
    box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .0);


    ** Já tentei pelas outras dicas que você deu nos outros comentários, mas o espaço branco não sai :/

    ResponderExcluir
  89. esse trecho de códigos não tem espaços... procure por padding ou margin

    ResponderExcluir
  90. DEU SERTO TIRA A BARRA SO NAO DEU SERTO TIRA O VAZIO QUE FICO

    ResponderExcluir
  91. Olá amigos, o meu blog é o modelo simples, tirar a navbar é tranquilo, mas os códicos passados para tirar o espaço não constão no html do blog e o que é para diminuir o valor não mudou nada , possívelmente sejá outro código, podem me ajudar?

    ResponderExcluir
  92. Não consigo arrumar no IE só no firefox.
    Por favor pessoal, me ajudem.
    Além disso no IE some o player do myspace!
    Vou continuar tentando.
    Meu blog: www.garotaverde.com.br

    ResponderExcluir
  93. se o player do site não está funcionando o unico jeito é tentar achar a musica em outro site..

    ResponderExcluir
  94. Pois é, mas eu queria contar acesso =)
    Enfim, mas e o problema com o IE? Esse eu não sei o que fazer. Eu consegui devido a ajuda de vocês retirar a barra e ajustar o topo, mas apenas no firefox. As visualizações do meu blog estão mais no IE e ele tá todo errado. Help!

    ResponderExcluir
  95. a questão é justamente essa as configurações podem funcionar diferente nos navegadores e não tem o que fazer

    ResponderExcluir
  96. Valeu manolo. meu blog ficou com uma aparência mais séria. :D www.noisquetrolla.blogspot.com

    ResponderExcluir
  97. Olá Fabiano, boa noite.
    Primeiramente obrigado por me ajudar.
    Mas eu estou em dúvida porque na nova função de colocar favicon no blog, não está aparecendo, então eu queria colocar o favicon com html (de maneira antiga), tem como me passar o link?
    Estarei Agradecido, passar bem.

    ResponderExcluir
  98. Quantas páginas extras eu posso criar no blogger?

    ResponderExcluir
  99. marcos vinicius
    pode criar 10 paginas extras

    ResponderExcluir
  100. Kadu
    eu também fiz uns testes e não funcionou em todos os navegadores... por isso ainda estou usando o código html para alterar o favicon - Como alterar o favicon do Blog

    ResponderExcluir
  101. Nossa! Muito obrigada! Pedi a uma pessoa para me ensinar e ela falou que eu deveria fazer um curso para ficar craque como ela. Esconder conhecimento é puro egoismo. Rapidinho aprendi com vocês!Que possam sempre progredir no que fazem é o meu sincero desejo. Obrigada mesmo...

    ResponderExcluir
  102. OBRIGADA PELA AJUDA ME AJUDOU BASTANTE VOOU DAR UMA NOTA PRA ESSE BLOG MAIS DE UM MILHÃO PARABE´S ADOREI AS DICAS

    ResponderExcluir
  103. Para tirarem o vazio tente procurar por esta linha no seu layout:



    no value vai diminuindo até achar um valor que lhe agrade, pode utilizar valores negativos como - 10, por exemplo

    ResponderExcluir
  104. Eu quero tirar a barra, mas eu tô com medo de tirar e n poder editar o blogger, e n poder fazer o login se eu tirar a barra vou poder editar meu blog, e as pessoas e eu vão poder fazer o login??

    ResponderExcluir
  105. Isadora Drew Bieber
    para fazer login use a pagina do blogger

    http://www.blogger.com/

    ResponderExcluir
  106. Ficou um espaço vazio, e não tem esses códigos que você falou, da uma olhada por favor... Esses template do blog são meio bugados, você tira um widget e ele volta sozinho O.o, não é o caso dessa barra, mais só comentando.

    ResponderExcluir
  107. Ariel
    gadgets voltam sozinhos?

    seu computador pode estar usando o historico de internet... ou voce usou um backup do seu template

    ResponderExcluir
  108. É coisa de louc msm, acabo de deletar do template o gadget, e salvo, ai aparece, o seu novo modelo não tem ... ai clico excluir, depois que carrega a página, ele ta la de novo o_o, isso é o caso do cabeçalho, vou la, coloco "false" vou no elementos e deleto, quando vou ver a página ele ta la, e quando eu atualizo a página dos elementos ele ta la também o.o, mais eu resolvi deixar porque ficou legal, mais é o espaço vazio que eu não consigo tirar

    ResponderExcluir
  109. tentou as duas opções que mostramos...?

    infelizmente em alguns templates é bem dificil achar o lugar para retirar o tal espaço

    ResponderExcluir
  110. É... eu até tentei. Também não consegui com nenhuma das dicas acima. Mas, está tudo bem.... acho que vou deixar a navbar por lá enquanto não consigo descobrir outro jeito de a retirar. Talvez eu encontre um outro Template legal para o site.

    Abraços...

    ResponderExcluir
  111. Consegui! Tentei todas as dicas anteriores e não consegui. Após resolver quebrar a cabeça um pouco, consegui desta forma.

    Primeiro, retire a Navbar conforme o dicasparablog nos ensinou.

    Após, procure pelo código:

    o default não estava em 0 e no meu layout o valor de -30 é que "jogou" a página para cima.

    Meu site www.eternacruz.com

    Obrigado, dicas para blog!

    ResponderExcluir
  112. a opção de usar margin com valor negativo é uma boa idéia...

    ResponderExcluir
  113. Descobrir por que o espaço continuava la, porque a imagem que eu usava estava no cabeçalho, logo, o cabeçalho já vem configurado pra deixar aquele espaço de distância para a barra, tirei ele e coloquei a imagem como imagem de fundo, mais tive que tirar a outro imagem de fundo (nem fez diferença porque ela nem aparecia direito). Tirei o cabeçalho porque estava atrapalhando, queria deixar a imagem e com o menu por cima da imagem do cabeçalho, mais gadget não fica por cima do outro, ai seria mais complicado de mexer, ou talvez não, enfim, tá tudo certo agora, se quiser passar la pra da uma olhada como ficou :)
    vlw pela ajuda!

    ResponderExcluir
  114. muito legal !,meu blog ficou melhor, eu estava precisando ! , Obrigado

    ResponderExcluir
  115. Pois é pessoal, um dos meus blogs está assim:

    .main-inner {
    padding-top: $(main.padding.top);
    padding-bottom: $(main.padding.bottom);

    Como retiro o espaço agora?

    ResponderExcluir
  116. Marjorie
    você pode trocar por valores fixos, assim:

    padding-top: 0px;
    padding-bottom: 0px;

    se achar que ficou muito proximo aumente o valor 0, mas mantenha o px, por exemplo: 5px

    ResponderExcluir
  117. Eu gostaria de colocar outra coisa no lugar da barra , como posso fazer isso ? , e tem como fazer ?

    ResponderExcluir
  118. Oi, eu consegui retirar a barra, mas o código para não ficar espaço não coincide com o meu blog e não consego tirar esse espaço que ficou. Se puder me ajudar eu ficaria muito agradecido. Meu blog: http://amigohumor.blogspot.com

    ResponderExcluir
  119. deve ser alguma margem ou padding mas não achei. esses novos template tem muitos detalhes

    ResponderExcluir
  120. Procurei em tudo que é site essa dica e só achei no de vocês, achei nos outros também mas nesse estava muito bem explicado. Parabéns!

    ResponderExcluir
  121. É engraçadoo... mas fUi procurar sobre essa barra, pois no meu caso ela sumiiu!Nme sei como consegui isso haushaushausahsua. Poderia me dizer, por favor, como colocoo de volta????
    Assim está ruim ''/

    obrigada
    Aguardo.

    ResponderExcluir
  122. procure no seu blog esse código que mandamos colocar para retirar a barra e se achar apague o display:none

    ResponderExcluir
  123. Então, me head não está como disse está escrito outras coisas tipo: meta content= 'IE=EmulateIe7 http-equiv etc
    Ontem fui mudar o cabeçalho, que é essa parte neh??
    mas nao mexi aqui, eu fiz download de uam imagem que gostei e coloquei nele através do design ~> elementos da página e editei o cabeçalho colocando uma imagem. Dai deu tudo certo, mas agora olhando la no editar html como explicou aqui, nao tem lá o texto que descreveu, só esse que te mando agora, ai encima.
    Será que antes do que está lá posso colocar o texto qe indicou SEM o none?
    Me ajude por favor?
    obrigada pela atenção!

    ResponderExcluir
  124. normalmente tem algo assim

    #navbar-iframe { height:0px; visibility:hidden; display:none !important;}

    como falamos no tutorial, mas template que você baixa já prontos usam tags diferentes por isso é dificil resolver problemas

    entrei no seu blog e lá tem

    #navbar-iframe { height: 0px; visibility: hidden; display: none; }

    é isso que oculta a barra

    ResponderExcluir
  125. Muuito obrigaada.Agora a barra está de volta =)

    ResponderExcluir
  126. tentei tentei e achei é só colocar apos o codigo original o seguinte .navbar {display:none;}

    ResponderExcluir
  127. OPA!!!!! PROCUREI EM UNS 12 SITE.... SÓ ESSE QUE FUNFOU SRSRRS PARABENS DOIDO!!!!

    ResponderExcluir
  128. NOSSSSSSSS A PROCUREI EM UNS 12 BLOG.. SÓ ESSE QUE FUNFOU .,..,.,., PRABENS

    ResponderExcluir
  129. mano meu blog nao tem nenhum dos 3 codigos ou 2 sei la
    comofas

    ResponderExcluir
  130. para a barra sumir o importante é essa linha

    #navbar-iframe { height:0px; visibility:hidden; display:none !important;}


    se não tiver coloque no seu blog e caso já tenha veja se está com display:none

    ResponderExcluir
  131. Olá, Sou do BLogger www.gofifabrasil.blogspot.com

    consegui tirar a barra, legal!
    so que o espaço em branco n etou conseguindo retirar, poderia me ajudar,, fikou um espaçozinho chato. se puder me ajudar amigo ficarei mto grato.

    ResponderExcluir
  132. @Go FIFA BRASIl no seu blog tem

    < style type="text/css" >
    #navbar-iframe { display:block }
    < /style >

    tente apagar

    ResponderExcluir
  133. Olá Fabiano!

    Consegui retirar a navbar, mas ainda fica um espaço no site. Não consegui encontrar o codigo (padding ou margin) que retira este espaço.

    Você poderia me ajudar?
    www.psicologiamsn.com

    Desde já agradeço a atenção!
    E parabéns pelo site!!!

    ResponderExcluir
  134. Fabiano ouvi falar que o Google poderia apagar os blogs que não tem a navbar, você já ouviu falar sobre isso? é por causa disso que você não tira a navbar do Dicas para Blogs?

    Abraços!!!

    ResponderExcluir
  135. Rosiel T.S.
    não acho que o blogger apague blogs que retiram a navbar.

    o motivo que não retirei é que simplesmente não vejo nada de errado nela. além disso já que uso os serviços do blogger acho que é pouco ético retirar a barra. parece que a pessoa tem vergonha de ser um blog.

    ResponderExcluir
  136. Olá Fabiano, você sempre tem a dica certa para solucionar os problemas. Muito obrigada.

    ResponderExcluir
  137. Não consigo com essas novas funções do blogger me ajuda

    ResponderExcluir
  138. retirar a barra é no html do blogger (pagina modelo)

    ResponderExcluir
  139. Mais um viva!!!!!!!!!!!!

    Adoro esse blog!

    Deu certoooooooooooo...

    ResponderExcluir
  140. Ei Fabiano, apaguei a barra, mas os espaço não some. No HTML do template que uso não há nenhum dos trechos que você sugeriu. Há outros?

    ResponderExcluir
  141. procure no seu html por #navbar-iframe as vezes tem mais de uma vez esse código e se achar outro apague

    ResponderExcluir
  142. O meu tá difícil, mudei a template e agora a barra do blogger tá na lateral do blog, o que eu faço?

    ResponderExcluir
  143. se pegou um template pronto em algum site então o erro está nele.

    tente usar o código que mostramos para sumir com a barra do blogger, mas se não der acho que o melhor seria trocar o template novamente.

    se baixou um template pronto com erros as vezes nem vale a pena tentar corrigir pois assim que acertar uma coisa acaba achando outro problema

    ResponderExcluir
  144. olá achei um jeito mais fácil vá em layout e ache navbar clique em editar e coloque desativado e depois salve...

    ResponderExcluir
  145. Nada disso funcionou no meu, Fabiano..
    Veja http://corujinhaleitora.blogspot.com.br

    ResponderExcluir
  146. Fabiano, encontrei outro código que funcionou comigo. Retirou a barra e o espaço. Créditos ao http://www.alexsandersilva.com/2011/08/tirar-navbar-do-blogger-e-tirar-espaco.html

    No seu html procure por /* Variable definitions , acima dela coloque este código:
    #navbar-iframe {
    display: none !important;
    }
    body .navbar {
    height:0px;
    }
    .content-outer {
    margin-top:0px;
    }

    ResponderExcluir
  147. Anna acho que você já resolveu o problema.

    entrei no seu blog e a navbar não aparece

    ResponderExcluir
  148. Sim, Fabiano! É impressionante que basta eu perguntar que eu consigo resolver. Encontrei esse código acima pouco depois que perguntei. Obrigada, mesmo assim (:

    ResponderExcluir
  149. O meu não consegui retirar,
    ainda ficou o espaço branco vazio...
    Estou louca atrás!!! Me ajude!!!

    ResponderExcluir
  150. ola eu gostaria de tira uma coisa do meu blog mais nao sei como é uma faixa que atrapalha de mais veja na imagem por favor


    http://img802.imageshack.us/img802/3921/ajudat.jpg

    aguardo resposta.

    ResponderExcluir
  151. PCOGAMES

    tente apagar essa cor e borda neste trecho do html:

    .main-inner .widget {
    background-color: #141414;
    border: 1px solid #222222;
    padding: 0 15px 15px;
    margin: 20px -16px;

    retirando as linhas background-color: #141414;
    border: 1px solid #222222;

    mas isso parece ser a formatação de todos os gadgets do blog.


    veja mais detalhes aqui: Como Encontrar Erros nos Códigos do Blog: HTML, CSS, Javascript

    ResponderExcluir
  152. nao deu certo nao fernando mais vlws mesmo assim por tenta me ajuda

    ResponderExcluir
  153. fernando vlws amigo depois de ler seu tutorial http://www.dicasparablogs.com.br/2012/05/como-encontrar-erros-nos-codigos-do.html

    consegui arruma aquilo e mais coisas tbm XD

    vlws pelo ajuda

    ResponderExcluir
  154. Peter qual CSS?

    para retirar a barra está no tutorial

    ResponderExcluir
  155. cara parabéns, fiz como vc explicou e deu tudo certinho. valeu e muito sucesso.

    ResponderExcluir