Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

19 agosto 2007

Retirar a navbar do blogger

Para retirar a navbar do blogger (muita gente não gosta, inclusive eu...), procure no código do seu template este trecho ]]></b:skin> e acrescente imediatamente antes, a parte em vermelho:
#navbar-iframe { height: 0px; visibility: hidden; display: none; }

ficando assim:

#navbar-iframe { height: 0px; visibility: hidden; display: none; }
]]></b:skin>

Para voltar a exibir a Navbar, faça o processo inverso: procure pelo código acima (em vermelho) e apague-o totalmente.

Artigos Relacionados

112 comentários:

Érica disse...

Obrigada. Eu estava ficando doida com aquele Navbar chato em cima do meu template.

Cris disse...

Adorei, linquei vc, a dias que estava procurando como fazer, eté tentei sozinha, mas não deu certo, valew a dica, poxa vc é 10, li tb sobre que as pessoas não deixam a assinatura dos temples, bem peguei um temple mas so fiz o q me mandaram e não sei se tem assinatura ou não, beijoss

RiOsZiNhO disse...

PRIMEIRAMENTE PARABÉNS PELO SITE!!

é o seguinte quero add um template aqui do site num dar certo.

segundo:

quando vou colocar pra tirar a barrinha lá de cima dá o seguinte erro:
Mais de um item encontrado com o id: HTML4. Os IDs de itens devem ser únicos e exclusivos.
ME AJUDA POR FAVOR!!!!

Nih Ferreirat disse...

Eu tô perdidinha. Fiz meu blogger agora e não entendo nada. Não sei como fazer nada. Por favor, teria como me explicar algumas coisas? obrigada

Nih Ferreirat disse...

Poxa, consegui colocar o template. ADOREI o resultado. O que não consegui foi retirar o navbar... bjs

Ariane disse...

Latycha, o template que vc baixou já está com o código que retira a navbar....

Pathy disse...

Eu já tinha tetando várias opções... nada funcionava, até agora!!!
Thanks!!
=)

Anônimo disse...

Brigadona!!! Comecei a mexer a pouco tempo com o blog e consegui entender a explicação!

beijão!

Anônimo disse...

ah, tipo esqueci de falar.. usei esses códigos em outros blogs... é que tô fazendo uns testes.. e foi legal porque deu pra deixar um dos blogs todo escuro.

Mui Criativo disse...

Eitha minina porreta sô.. num é que fununcia mesmo esse tal de codigo pra tirar o navbar...

Obrigado...cada dia mais chic meu bloger ...

Maria Oliveira - FazendoArte disse...

olá!
parabéns pelo blogue
escrevo pois coloquei este código nos meus blogues e funciona muito bem mas os validadores de html dão erro.
tentei em vários e todos dão um deles é este http://www.htmlhelp.com/tools/validator/
o que acontece??

:)

jaime disse...

Moça, muito obrigado pelas suas dicas e ferramentas.
Foram de grande ajuda para o meu blog.

[ harDOS.exe ] disse...

Oi Ariane,
tipow, como lá no observatorio748, como que faz para retirar aquele "Postado por ()" as 00:00?
e a Data da postagem também? se tiver como heheh..;)
Agradeço
Abç,
William

Ariane disse...

vá em Modelo e na coluna do post está Editar. Clique alí e vai abrir uma janela para você marcar e desmaracar o que deseja que apareça ou não no blog

Vaine J. S. Junior disse...

e pra colocar?

ADM Todos os Gêneros disse...

E por que eu queria saber se tem como colocar a navbar pois peguei um template e não tinha

obs: eu enviei a mesma pergunta so que não apareceu dizendo que tinha enviado e por vir das duvidas enviei outra espero que não se irrite e possa me ajudar

Frederico Bittencourt Maia disse...

Também tirei este navbar. Mas o uso dele é obrigatório como parte do serviço ? Pode o blog ser retirado do ar por termos tirado a propaganda ? Busquei em tudo que foi lugar e não achei. Tenho receio de colocar uma porção de coisas lá e depois eles tirarem do ar dizendo que era obrigatório.
Abraços e parabéns pelo blog.

rdtgreterr disse...

Obrigado! eu queria tirar há muito aquela barra chata que não serve para absolutamente nada...

Johnny disse...

Oi, Ariane. Tentei usar esse tuto no Minima, e desconfio que o Blogger tenha atualizado o código do template, com o intuito de complicar a nossa vida. Nem mesmo expandindo os modelos de widgets consegui encontrar esse trecho da navbar, rs.

Ariane disse...

johnny, obrigada pelo toque! Mudei o 'ponto de referência' Abraços!

Unknown disse...

Muito legal essa dica, mas isso não fere a TOS do Blogger?

Junio Coelho disse...

valeu braço consegui tirar o navbar da parada!
fui

Cris Bonfim disse...

assim como todas as outras dicas que vc postou aqui e eu fiz,essa tbm deu certo,brigadinha....
bjkas

F. AILTON. ANDRADE disse...

Oi, minha amiga.
Estou triste!
Não estou conseguindo tirar esta barra do meu blog (Navbar)
No meu HTML não está como vc descreve. Não há aquele linha que está em vermelho.
Se vc poder me ajudar...
Obrigado e bjus.

Luma Rosa disse...

Ariane, eu peguei um template sem barra e ao contrário de você, quero adicioná-la. Até para seguir as regras do contrato de uso da plataforma do blogger. Como faz? Beijus

Linus disse...

Nossa mto bom o post nao guentava mais aquele navbar, parabéns pelo ótimo blog mto bom principalmente pra mim que sou iniciante.

Vlwww!!

Carlos Ribas disse...

Parabéns!

Gostei muito de poder retirar a Navbar, nada contra o blogger, mas sim para deixar uma página mais "clean"

Anônimo disse...

Olá! Apliquei o procedimento e o meu Blog ficou limpo na tela. Muito legal. Parabéns pelos conhecimentos que você tem.
Milton C

Icaro Queiroz disse...

Nossa, show de bola.. eu não conseguia tirar de forma alguma aquelo "troço"..

Já add esse blog aos meus favoritos..

Abraço.

http://euescolhoviver.blogspot.com/
Eu Escolho Viver

Anônimo disse...

Obrigada :)

Calz disse...

boas!
assim k vi o seu codigo,vi logo k seria a soluçao correcta...infelismenten funcionou kuando o colokei nu meu blog...
esta exactamente como descreveu...n vejo o problema..
outra pergunta k tenh é se sab colocar fundos. vejo varias pessoas com fundos mas kuando eu coloco um, o fundo simplesmente fica branco.. apenas um banner funcionou como fundo, outras imagem do mesmo formato n funcionam.. ideias??
mt obrigado pela atençao e se puder por favor responda para angelu-@hotmail.com

Jéssica Marques Fagundes(jessica_marques6@hotmail.com) disse...

Engraçado... já eu mudei o template e queria a navbar de volta, pq eu sempre vou no painel modificar algumas coisas, ai eu acho que com a nevbar é mais prático, aí procurei esse código e apaguei e minha tão desejada navbar voltou!
Obrigada pela ajuda!

Naruto disse...

Muito bom bom mesmo otimo excelente surpreendente d+

HermesPG !!! Revendas !!! Brindes !!! disse...

Nus distruido0r cara vlw

agradecido msm

flw

André Ávila disse...

Olá,

Finalmente vou tirar a minha navbar foleira! ;P

Já agora, Parabéns pelo blog... é a primeira vez que vejo e adorei...

Fique bem & continuação de boas "blogadas" x)

JIME disse...

Olá,
Gostaria de saber se tem como eliminar a página de "aviso sobre conteúdo" do blogger, pois toda vez que quero acessar o meu blog tenho que clicar em 'estou ciente e quero continuar'.
Desde já, deixo o meu agradecimento e parabéns pelo blog.
Jime

Juliana Godin disse...

Olá, Ariane!
Parabéns pelo blog! Vc é realmente um show! Já utilizei mtas das dicas q vc passou mas infelizmente não consegui retirar a navbar. Olha como aparece o código HMTL:
___________________________________________
< b : skin > < ![ C DATA [ / *
____________________________________________

Ou seja, a parte
] ] > < / b : skin >
não tem aqui. Tentei acrescentar de todas as formas mas não deu certo...rs
Vc pode me socorrer?
Abraços!
Juliana

Henrikee disse...

obrigado por essa informação!

: )

Thaaís disse...

Olá.
Amei seu blog, mas aconteceu o mesmo problema que a Juliana.
Não consegui tirar a navbar do meu blog.
não existe a parte
" ]]> < /b:skin> "

Como vc pode me ajudar? Obrigada! :)

Anônimo disse...

Parabéns!!! GOSTEIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII!!! MUITOS OUTROS BLOGS POR AEW ENSINAM DIFERENTE E NUNCA DÁ CERTO, OU MELHOR, NÃO EXISTE NADA DO QUE ELS FALAM!!! PARABÉNS!!!

Ariane disse...

Thais, claro que tem. Coloca depois de body#layout #main-wrapper {
padding:0;
}

Carol Hespporte disse...

Brigadão! Já tinha procurado em outros lugares e nunca davacerto, esse deu.

Dani Araújo disse...

Como faço pra achar o lugar onde acrescento esse código aí de cima, não faço a mínima ideia.
Aguardo respota.
Obrigada

Mauricio Ferraz disse...

Oi ariane...tudo bem?
a tempo acompanho seu trabalho e vejo o quanto vc se dedica à ajudar pessoas que sequer conhece, como é meu caso.. ou pelo menos não tivemos até agora nenhum contato direto.. mas caso vc goste de desafios eu venho aqui lançar um para vc.. a tempos tento retira a navbar deste meu template e não estou conseguindo.. tenho observado onde é que errei.. mas não sei.. agradeceria se vc me ajudasse neste assunto.. o meu blog e o http:greenoport.blogspot.com .. mas uma vez agradeço..qualquer coisa deixa um recado para mim no formulario.. e parabens pelo seu trabalho...

JackTekila disse...

Olá seu blog é show de bola.
eu fiz como indicado, a navbar sumiu, porém no lugar ficou um espaço vazio (visto no IE). Já no firefox está normal. Dê uma olhada lá por gentileza. abraço

www.interlouco.com.br

Ariane disse...

Jack, eu olhei o código e achei, logo depois das variáveis, um outro código com a mesma finalidade (mas pelo visto não funcionava). está assim:
#navbar #Navbar1 iframe {
display:none;
visibility:none;
}

apaga esse trecho todo e vê se melhora. abraço!

Mauricio Ferraz disse...

ola ariane, não sei se vc passou por lá, mas mesmo assim agradeço.. digo que consegui.. retirar a navbar.. o motivo pelo qual ela retornou.. e não estava conseguindo, era que nas minhas mexidas no html eu não percebi, que outro trecho
#navbar #Navbar1 iframe {
display:none;
visibility:none;
}
estava no css.. então logo que percebi, resolvi o problema.. foi erro de sermeneutica..kkkkkkkkk valeu..

Unknown disse...

kra ja havia tentado vários outros, mais nenhum ainda tinha dado certo mais este funcionou blz!!!
vlw continue sempre postando algumas dicas!

Anônimo disse...

Muuuuuuuuito obrigado! ;)

Ricardo Rodrigues disse...

Valeu, cara!
Brigadão!
:)

Anônimo disse...

muito obrigado,, obrigado! retirei o nav.

Games e Detonados disse...

Muito obrigado.
Agora, não tem aquela porcaria de navbar enchendo o saco... valeu!

Anônimo disse...

Foi rápido e sem dor. Adorei. Obrigado por compartilhar a dica.

pescadores de estrelas disse...

Olá Ariane, sempre que preciso de ajuda venho aqui no seu blogue na maioria das vezes tem o que preciso...
e hoje queria saber como retirar o "Postado por" e "Marcadores" que aparece logo depois de postado por... e não encontrei aqui...
procurei mais um pouco em outros blogues e nada... então... comecei a fuçar e encontrei o código... é esse:
.post-footer {
margin: .75em 0;
color:#00ffcf;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
display: none;
}

então basta colocar o display:none; e pronto...
se quiser pode postar no blogue para ajudar outros amigos...


abraço!

Gilberto...

PS. se puder entre no meu outro blog... teatrogirandola.blogspot.com

André disse...

Muitas dicas boas!
Espero que continue a deixar-nos prestigiar o seu trabalho. Hoje mesmo já tiro!
Só falta agora deixar em cada reacesso à página, uma imagem nova. Parabéns!

Zoraide Zozita disse...

Nossa!
Q maximoooo!!!
Eu não podia deixar de agradecer!
Consegui de vez tirar aquele navbar
de cima do blog. Muito obrigada messsssmo!
Ja coloquei seu blog no meu favorito.

AdnaGospel disse...

Ola Ariane parabéns pelo blog, muitas dicas legais.
Estou tentando retirar a navbar e apareçe que ja ixiste um item com o mesmo id, oq fazer.

Lucaas disse...

Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito Muito... Obrigado =)!

Ariane disse...

SmileY,
de de de de de de de de de de de de de de
de de de de de de de de de de de de de de nada :D

mrdrawer disse...

valews!

Dani Mds disse...

Testei e funcionou! Adorei

Anônimo disse...

Realmente o negócio funcionou mesmo, vc está de parabéns.

Abraços

wendell jakson disse...

funicionou em outro templates mas no modelo minima não deu certo, e eu modifiquei ele todo só falta tira está barra, me ajudá porfavor, abraço
se vc tiver enteresse em ver o blog de teste o
end: wendellweb.blogspot.com

assis disse...

valeu pelo codigo muito bom e funcional abraços!

Pablo disse...

mais dai como eu faço o login?

Pablo disse...

muito bom esse blog!valew pela dica. funcionou muito bem! mais só uma pergunta: como eu faço o login e criu uma postagen? sem o navbar?

Anônimo disse...

Ariane , ontein eeu coloquei esse cóodigo e funcionou no meeu blog tste Minima ...
mas agoora eeu naun consigo ashar o ] ] > < / b : skin > nein nada parecido !
oq faço ?

FiNiN disse...

ARIANE VC E MUITO
INTELIGENTE
SABE TUDO SOBRE BLOG E EU NAO SEI ND
VLWS PELAS VARIAS DICAS Q EU PEGUEI AKI
T+++

Anônimo disse...

Consegui, você é profissional !!

By Tanya Rodrigues disse...

Assim que terminar de refazer meu blog vou te add como meus favorotos,fiquei com medinho de tirar o nav,pq estou fazendo um Blog ao meu marido pra divulgar o trabalho dele e nao sei se tirando o nav vai ferir as normas aqui,de qualquer forma nao sairei daqyu de seu Blog
muiiiiiiiiiiiiiiiiinnnnnnnnnnnnnnnnnnnnto Obrigada!!
bjos e sucessi sempreeeeeeeeeee

Felippe Toledo disse...

Boa noite, tenho uma dúvida... quando eu tirar minha navbar, como eu poderei postar e personalizar meu blog, se não vou ter mais os links? Desde já agradeço.

Ariane disse...

Felippe, faça o login pela home do Blogger e terá acesso ao painel onde poderá postar e modificar seu blog.

Anônimo disse...

Oi, adorei o post! Consegui tirar a navbar seguindo o tutorial, valeu! ^^

Câmara de Vereadores de Arcoverde disse...

ameiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii...........

Obrigadooooooooooooooooooooooooooooooooooo

Jho disse...

valeuuuuuuuuuuuuuuuuuuuuuu
eu odiava o navbar
agora nao tem mais
estou super agradecido
vaaaaaaallllllleuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu

MCS_50 disse...

uhuw, valew ae, assim meu blog fica cada vez mais distante de ser um blog comum como a maioria

Igor oliveira disse...

Aff n axo de jeito nehum

Maurício Moreira disse...

Muito Obrigado!!!
Eu tentei varias vezes mais todos os lugares que eu pesquisei diziam pra adicionar isso em baixo do "]]>".
Muito Obrigado você me ajudou muito!!!

Matheus disse...

MUITO OBRIGADO! Essa dica já me ajudou incontáveis vezes! Muito obrigado MESMO por compartilhar seu conhecimento! =D

Ivo Nogueira disse...

Obrigado pela ajuda...Estava angustiado já...valeu companheiro...vc merece crescer...xau...Feliz 2011

Marcel Áureo disse...

Vlw

Deu certo aqui

Play Enigma Brasil Divulgações disse...

Vlw pela ajuda!

ღ Angel ღ disse...

Muito obrigada x3 Há tempos que me estava a fartar daquela coisa permanentemente em cima do meu blog ;w;

Bruno silva disse...

Valeu mesmo graças a deus acabei com aquela coisa valeu mesmo.

GANHE COM SEU SITE disse...

Muito Obrigado!

Anônimo disse...

Nossa vlw msm

Anônimo disse...

Excelente dica! Muito fácil de executar o procedimento.

Obrigado.

Thory* disse...

Muuuuito obrigado ajudou muito:)

Anônimo disse...

obrigada *-*

Mike disse...

Obrigado! Eu mudei o Template do me Blog e perdi Favicon e a maldita Navbar voltou, mas agora tá tudo resolvido ;)

Otávio Rodrigues disse...

Excelente dica, parabéns.
Publiquei também em meu blog, complementando com um vídeo explicativo. Fique tranquila, dei os devidos créditos ao seu blog.

Boa noite!

ue disse...

EU TIREI A NAVBAR MINHA, MAS SÓ QUE O PROBLEMA, É QUE FICA UMA TARJA NO LUGAR DA NAVBAR, EU QUERIA SABER, COMO RETIRAR ISSO... =/

gsoderi disse...

uso Ctrl+F pra achar isso coloquei mais a bem dita nav bar ainda fica la quando do visualizar

gsoderi disse...

desisto não consegui to apanhando muito

Anônimo disse...

Muito Obrigado Me Ajudou Muito Até Que Enfim Aquele Troço Feio Saiu

Rafael disse...

Boa... valeu brigadasso!!!

. disse...

COMO FAZER PARA EDITAR SEM O NAVBAR, ASSIM NAO CONSIGO LOGAR

gads disse...

muito obrigado
estava procurando isso a tempo :D

crismanet2 disse...

NOssa Cara, essa postagem foi d++++

Anônimo disse...

Nossa, me ajudou muito.
Obrigada!

Cubbe disse...

Não está mais funfando?

Angelus disse...

Obrigado
Essa dica foi muito útil.

Anônimo disse...

OLÁ EU SÓ GOSTARIA DE DIZER QUE EU COLOQUE O CÓDIGO NO WIDGET DE HTML E DEU MUITO CERTO, GOSTARIA DE SABER SE COLOCAR O CÓDIGO NO WIDGET TAMBÉM FUNCIONARÁ NORMAL???

Matheus P disse...

Ótima dica, já me ajudou um trilhão de vezes. Obrigado por compartilhar esse conhecimento! Abraço.

SEU PORTAL disse...

Muito bom brigadão
mas eu tenho uma duvida... retirei a navbar mas ainda ficou um espaço muito feio onde ficava a navbar. teria como retirar este espaço?
seria de grande utilidade

espero respostas

Edições Cutes para PhotoScape disse...

Não to conseguindo, eu faço exatamenbte mas quando vou ver a barrinha continua lá

Ygortrola disse...

Vc me ajudou bastante

Cleonilson Rezende disse...

Por gentileza, depois que retirei a barra ficou o espaço dela, tem como retirar também esse detalhe? E obg desde já, pois foi muito util a informação!!!

Anônimo disse...

Vlw fera, mto obg msm!

Prófugos Brasil disse...

NOSSA, valeu! aquele NAVBAR já tava ficando insuportável!!!!
obrigado!!!!

Anônimo disse...

Muito bom teu post Agora está sem Navbar

Alessandra disse...

muito obg!ajudou mesmo!

Postar um comentário

Os comentários são moderados.