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
Retirar a barra do blogspot
4/ 5
Oleh

180 Comentários

19 de novembro de 2007 19:42 delete

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

Reply
Bud
27 de novembro de 2007 11:29 delete

Estava procurando por isso. Deu certo. Obrigado!

Reply
28 de fevereiro de 2008 17:29 delete

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

Reply
Anônimo
31 de março de 2008 20:06 delete

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

Reply
1 de abril de 2008 16:18 delete

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

Reply
23 de outubro de 2008 14:49 delete

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!

Reply
2 de novembro de 2008 01:09 delete

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

Reply
17 de dezembro de 2008 03:47 delete

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

Reply
17 de dezembro de 2008 14:21 delete

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

Reply
29 de dezembro de 2008 17:15 delete

Caraca! Deu certo! Valeu!

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

Reply
30 de janeiro de 2009 09:35 delete

Muito bom! Valeu mesmo pela dica!!!

Reply
3 de março de 2009 18:15 delete

cara nao percebi onde colocar o cod.
porfavor me contacta

Reply
30 de março de 2009 19:25 delete

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)

Reply
31 de março de 2009 14:28 delete

Liza

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

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

Reply
30 de abril de 2009 23:15 delete

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

Reply
1 de maio de 2009 14:11 delete

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

Reply
3 de maio de 2009 22:12 delete

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/

Reply
18 de maio de 2009 19:43 delete

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

Reply
19 de maio de 2009 15:48 delete

.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

Reply
10 de junho de 2009 18:27 delete

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

Reply
21 de julho de 2009 18:02 delete

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

Reply
22 de julho de 2009 13:42 delete

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

Reply
28 de julho de 2009 19:07 delete

Funcionou certinho mesmo, vlw pela dica

Reply
Any
8 de outubro de 2009 01:46 delete

Muito bom! Obrigada!

Reply
18 de dezembro de 2009 19:02 delete

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

Reply
Anônimo
30 de dezembro de 2009 20:37 delete

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

Reply
30 de dezembro de 2009 23:15 delete

tente colocar só esse trecho

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

pode ser antes de body{....

Reply
31 de março de 2010 11:57 delete

Excelente suas dicas Fabiano.

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

Reply
18 de abril de 2010 02:23 delete

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

Reply
18 de abril de 2010 02:35 delete

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

Reply
Anônimo
30 de maio de 2010 10:43 delete

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

Reply
6 de junho de 2010 20:43 delete

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!

Reply
25 de julho de 2010 10:51 delete

Nusss otima dica, vlw manolo

Reply
27 de julho de 2010 15:15 delete

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

Reply
29 de julho de 2010 01:53 delete

OBRIGADA TIREI AS BARRAS DOS BLOGS AMEI!

Reply
2 de agosto de 2010 01:26 delete

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/

Reply
2 de agosto de 2010 14:26 delete

:: Karin ::


entre no html e procure por:

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


apague a linha padding-top: 20px;

Reply
2 de agosto de 2010 21:06 delete

muito obrigada, me ajudou bastante ^^

Reply
5 de agosto de 2010 12:21 delete

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

Reply
5 de agosto de 2010 14:44 delete

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

Reply
13 de agosto de 2010 21:19 delete

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

Reply
13 de agosto de 2010 21:39 delete

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

Reply
14 de agosto de 2010 17:34 delete

Amigo tbm não encontrei no html

esse codigo


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

Reply
14 de agosto de 2010 17:36 delete

Amigo tentei apagar esse tbm, mas não achei

Reply
17 de agosto de 2010 13:37 delete

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)

Reply
17 de agosto de 2010 16:04 delete

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

Reply
18 de agosto de 2010 01:44 delete

Amigo pode me ajudar tirar o espaço?

Reply
28 de agosto de 2010 21:17 delete

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

Reply
14 de setembro de 2010 19:03 delete

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/

Reply
15 de setembro de 2010 14:47 delete

diminua o valor 22 neste trecho do html do seu blog

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

Reply
luiz sales
26 de setembro de 2010 22:10 delete

muito obrigado pela dica!!! excelente seu site!!!

Reply
6 de outubro de 2010 17:46 delete

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

Reply
6 de outubro de 2010 17:48 delete

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

Reply
19 de outubro de 2010 14:32 delete

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

Reply
19 de outubro de 2010 15:20 delete

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

Reply
21 de outubro de 2010 03:45 delete

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.

Reply
3 de novembro de 2010 21:19 delete

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

Abs
Ivy Freitas

Reply
18 de novembro de 2010 10:22 delete

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

Reply
17 de janeiro de 2011 19:21 delete

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

Reply
18 de janeiro de 2011 14:37 delete

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

Reply
14 de fevereiro de 2011 15:51 delete

Manolo continue assim muito bom o seu site e as dicas

Reply
19 de fevereiro de 2011 20:37 delete

kra vlw mt era oq mais tava presisnado obgd!

Reply
21 de fevereiro de 2011 23:58 delete

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.

Reply
rfdfdf
22 de fevereiro de 2011 16:55 delete

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/

Reply
22 de fevereiro de 2011 21:24 delete

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

Existe outra forma?

Reply
23 de fevereiro de 2011 14:05 delete

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

Reply
William
26 de fevereiro de 2011 02:23 delete

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

Reply
26 de fevereiro de 2011 02:52 delete

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

Reply
8 de março de 2011 14:53 delete

Muito bom!!!!

Valeu mesmo!!!

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

Reply
29 de março de 2011 08:14 delete

Este é o melhor mesmo, funcionou na hora.
Obrigada

Reply
13 de abril de 2011 22:06 delete

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/

Reply
13 de abril de 2011 22:39 delete

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

Se me puder ajudar agradeço.

Reply
14 de abril de 2011 14:28 delete

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

Reply
28 de abril de 2011 20:55 delete

Cara, eu tava loco pra fazer isso, valeu

Reply
1 de maio de 2011 10:54 delete

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

Reply
1 de maio de 2011 12:31 delete

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

Reply
5 de maio de 2011 10:54 delete

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?

Reply
17 de maio de 2011 10:12 delete Este comentário foi removido pelo autor.
22 de maio de 2011 00:15 delete

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?

Reply
22 de maio de 2011 14:16 delete

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

Reply
23 de maio de 2011 18:54 delete

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???

Reply
24 de maio de 2011 15:20 delete

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

Reply
31 de maio de 2011 22:49 delete

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?

Reply
1 de junho de 2011 15:02 delete

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

Reply
7 de junho de 2011 19:32 delete

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

Reply
10 de junho de 2011 13:29 delete

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

Reply
16 de junho de 2011 13:04 delete

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

Reply
3 de julho de 2011 21:22 delete

Obrigada!!!!!
Ajudou muito!

Reply
Ivo Viana
7 de julho de 2011 04:14 delete

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

Reply
7 de julho de 2011 04:54 delete

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

Reply
Ivo Vioana
7 de julho de 2011 11:35 delete

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

Reply
Anônimo
31 de julho de 2011 15:28 delete

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

Reply
4 de agosto de 2011 18:00 delete

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 :/

Reply
4 de agosto de 2011 20:44 delete

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

Reply
8 de agosto de 2011 08:42 delete

DEU SERTO TIRA A BARRA SO NAO DEU SERTO TIRA O VAZIO QUE FICO

Reply
Anônimo
20 de agosto de 2011 10:48 delete

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?

Reply
28 de agosto de 2011 20:10 delete

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

Reply
28 de agosto de 2011 20:23 delete

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

Reply
28 de agosto de 2011 21:25 delete

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!

Reply
28 de agosto de 2011 23:57 delete

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

Reply
6 de setembro de 2011 17:06 delete

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

Reply
7 de setembro de 2011 21:00 delete

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.

Reply
7 de setembro de 2011 23:09 delete

Quantas páginas extras eu posso criar no blogger?

Reply
8 de setembro de 2011 14:15 delete

marcos vinicius
pode criar 10 paginas extras

Reply
8 de setembro de 2011 14:17 delete

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

Reply
15 de setembro de 2011 14:00 delete

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...

Reply
28 de setembro de 2011 14:11 delete

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

Reply
Anônimo
30 de setembro de 2011 23:40 delete

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

Reply
10 de outubro de 2011 18:09 delete

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??

Reply
11 de outubro de 2011 16:17 delete

Isadora Drew Bieber
para fazer login use a pagina do blogger

http://www.blogger.com/

Reply
12 de outubro de 2011 21:07 delete

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.

Reply
12 de outubro de 2011 21:28 delete

Ariel
gadgets voltam sozinhos?

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

Reply
12 de outubro de 2011 21:47 delete

É 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

Reply
12 de outubro de 2011 23:35 delete

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

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

Reply
13 de outubro de 2011 14:54 delete

É... 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...

Reply
13 de outubro de 2011 15:58 delete

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!

Reply
13 de outubro de 2011 16:54 delete

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

Reply
14 de outubro de 2011 12:42 delete

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!

Reply
26 de outubro de 2011 14:32 delete

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

Reply
6 de novembro de 2011 21:49 delete

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?

Reply
7 de novembro de 2011 00:56 delete

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

Reply
11 de novembro de 2011 15:43 delete

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

Reply
30 de novembro de 2011 11:33 delete

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

Reply
30 de novembro de 2011 15:11 delete

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

Reply
16 de dezembro de 2011 18:53 delete

Vlw pela dica funcionou msm !!!

Reply
@tuiterdobaiano
24 de dezembro de 2011 14:21 delete

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!

Reply
27 de dezembro de 2011 21:04 delete

É 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.

Reply
27 de dezembro de 2011 21:06 delete

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

Reply
28 de dezembro de 2011 17:29 delete

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!

Reply
28 de dezembro de 2011 19:04 delete

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

Reply
30 de dezembro de 2011 13:14 delete

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

Reply
1 de janeiro de 2012 13:57 delete

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

Reply
2 de janeiro de 2012 15:30 delete

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

Reply
2 de janeiro de 2012 15:32 delete

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

Reply
3 de janeiro de 2012 23:16 delete

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

Reply
3 de janeiro de 2012 23:42 delete

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

Reply
5 de janeiro de 2012 17:44 delete

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.

Reply
5 de janeiro de 2012 21:00 delete

@Go FIFA BRASIl no seu blog tem

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

tente apagar

Reply
12 de janeiro de 2012 08:50 delete

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!!!

Reply
31 de janeiro de 2012 00:16 delete

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!!!

Reply
31 de janeiro de 2012 14:55 delete

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.

Reply
24 de fevereiro de 2012 16:25 delete

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

Reply
3 de março de 2012 08:54 delete

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

Reply
4 de março de 2012 00:16 delete

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

Reply
10 de março de 2012 01:59 delete

Mais um viva!!!!!!!!!!!!

Adoro esse blog!

Deu certoooooooooooo...

Reply
26 de março de 2012 08:22 delete

Nossa, muito obrigado Fabiano. :)

Reply
23 de abril de 2012 16:25 delete

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?

Reply
23 de abril de 2012 16:58 delete

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

Reply
24 de junho de 2012 16:57 delete

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

Reply
24 de junho de 2012 23:14 delete

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

Reply
28 de junho de 2012 15:49 delete

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

Reply
15 de agosto de 2012 16:34 delete

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

Reply
15 de agosto de 2012 16:44 delete

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;
}

Reply
15 de agosto de 2012 18:25 delete

Anna acho que você já resolveu o problema.

entrei no seu blog e a navbar não aparece

Reply
15 de agosto de 2012 20:04 delete

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

Reply
Anônimo
22 de novembro de 2012 12:30 delete

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

Reply
27 de fevereiro de 2013 00:15 delete

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.

Reply
27 de fevereiro de 2013 11:59 delete

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

Reply
27 de fevereiro de 2013 12:51 delete

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

Reply
27 de fevereiro de 2013 17:04 delete

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

Reply
3 de setembro de 2013 17:01 delete

Peter qual CSS?

para retirar a barra está no tutorial

Reply
6 de setembro de 2013 15:10 delete

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

Reply