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

113 comentários:

Érica disse...

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

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

Latycha ** Butterfly 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

Latycha ** Butterfly 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....

Eu e Minhas Versões disse...

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

Superanjinha disse...

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

beijão!

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

Joseph Acessórios disse...

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

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

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.

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

Teilor disse...

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

Júnio 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 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"

milton c disse...

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

Eu Escolho Viver 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

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

Force disse...

Muito bom bom mesmo otimo excelente surpreendente d+

Hermes disse...

Nus distruido0r cara vlw

agradecido msm

flw

Turnitcool 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

. 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

Henrique Amorim disse...

obrigado por essa informação!

: )

Thaíí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! :)

Léo 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;
}

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

VMel disse...

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

RomMa disse...

Muuuuuuuuito obrigado! ;)

Ricardo Rodrigues disse...

Valeu, cara!
Brigadão!
:)

JUЯÅЙÐIЯ ÐIЙHO 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!

hamiltont 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

Andrezão 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!

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

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

SmileY 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

Mr. Drawer disse...

valews!

Dani Mds disse...

Testei e funcionou! Adorei

Equipe Crismix Produções 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

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

A direção. 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 ?

Racionais MC's disse...

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

Sérgio BASJ disse...

Consegui, você é profissional !!

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

Cleyton Meireles disse...

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

Câmara de Vereadores de Arcoverde disse...

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

Obrigadooooooooooooooooooooooooooooooooooo

jhony jogos disse...

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

marcelo 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 Junior 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 P 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 disse...

Vlw pela ajuda!

ღ Angel Lua ღ 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!

Icaro Xavier disse...

Nossa vlw msm

Bruno Borges Borges disse...

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

Obrigado.

ADM Nikolas QSD disse...

eu te amo cara !
kra eu tava tentando fazer isso a anos
valew !

Thory*Bloom disse...

Muuuuito obrigado ajudou muito:)

Anônimo disse...

obrigada *-*

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

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

Diogo Guilherme disse...

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

Rafael disse...

Boa... valeu brigadasso!!!

Repórter 24 Horas disse...

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

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

joninhazlima 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á

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