, , ,

Tornando a Navbar do Blogger auto-ocultável

23 comentários
Blogger Hacks 

Blogger Navbar

A Navbar é a barra superior que aparece em todo blog hospedado no Blogger/Blogspot e que muitas vezes atrapalha visualmente o layout do blog. Porém, o uso da Navbar é opcional e ela pode ser removida. No entanto ela apresenta recursos úteis para muitos usuários, então por que não manter suas funções, mas evitar que ela atrapalhe o layout? Pra isso vamos torná-la auto-ocultável (só aparecerá quando o usuário passar o mouse por cima da área onde ela “deveria” estar). Porém, o Hack não funciona em algumas versões do Internet Explorer, mantendo a Navbar invisível mesmo quando o usuário passa o mouse.

Para tornar a Navbar do seu blog auto ocultável, faça o seguinte:

Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTML para entrar no modo de edição do código do seu Template.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Encontre o seguinte código (utilizando o Ctrl+F do seu navegador):

]]></b:skin>

Então cole o seguinte código ANTES: 

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Visualize para ver se está tudo correto e clique em Salvar Modelo.
Agora é só visualizar seu blog e testar o novo recurso. Note que o espaço reservado para a Navbar sempre terá que existir, embora ela não esteja visivel.

Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.

Comentários (23)
Fabiano Roberto 31/03/09 14:23

muito boa idéia, simples e produz um ótimo efeito

Jonathan Hess 31/03/09 17:51

Muuito bom :) Adorei esse efeito.

Elker.C 31/03/09 23:14

acho que ninguém no mundo gosta da navbar. Eu não gosto porque quando eu clico em "próximo blog", aparece um blog sobre Plantas, e Plantas X Tecnologia = nada ver.
Prefiro deixar ela bem invisível.

Naty 07/04/09 13:11

Essa dica vai deixar o meu Layout muito mais bonito!

Parabéns!

kauan98 20/04/09 10:19

nao deu certo

entrem em http://kauandownloads.blogspot.com/

Compulsão Diária 07/05/09 10:46

Não dá certo em todos os templates. Uma pena. Nos que dá fica muito bonito

Anônimo 27/05/09 19:59

Muito bom! Obrigada!

catherine 15/07/09 13:43

eu não consigo encontrar o tal código no meu blog, chas que me podes ajudar ?

Borealis 28/07/09 20:21

valeu, aqui deu certo, muito boa diza , estava a procura e, ei-la aqui.. valeu

Roberto du Vale 09/08/09 15:47

Dica muito boa, fiz e deu certinho, Ice break sempre trazendo dicas boas para usuários do blogspot. Um abraço e fiquem com Deus...

http://blogduvale.blogspot.com

tamiresu-chan 07/09/09 13:39

nossa,muito bom,muito bom
eu estava lendo e relendo o post e repetia o mesmo erro no código ai vi que que vc deixou a palavra ANTES assim e pensei "ahhhh....antes..."
eu sou lenta mesmo ¬¬
mas muito bom me ajudou muito

Este comentário foi removido pelo autor.

Muito legal, otímo, já fazia um tempo que eu vinha pensando em um meio de retirar ou ocultar a bara "navbar" do meu blog.Obrigado pelas dicas.

Mairink 15/05/10 12:46

Fica muito bom,esta dica é dez

..B.F.R.. 24/02/11 02:14

valeu ..deu certinho no meu blog..agora a nav bar so aparece quando passa em cima..ela esta oculta...

A 13/08/11 15:30

Achei em vários sites essa dica, mas foi a única que funcionou como eu gostaria, parabéns!!! Excelente Dica.

Michael Bastos 23/09/11 14:41

Parabens pela sua dica

emprego internet 30/09/13 11:31

que legal, obrigado!

Funciona direitinho ...aprovado.

Ww Weng 15/07/15 07:27

ralph lauren outlet

ralph lauren uk

ralph lauren polos

ralph lauren outlet online

ralph lauren outlet

ray-ban

ray ban outlet

ray ban

ray ban sunglasses outlet

ray ban sunglasses

cheap ray ban

knockoff handbags

omega watches

jordan release dates

replica watches

roshe run

roshe runs

ferragamo shoes

nike mercurial

softball bats

supra footwear

swarovski outlet

swarovski crystal

swarovski uk

north face

the north face outlet online

the north face

the north face outlet

north face jackets

thomas sabo uk

tiffany and co outlet

tiffany's jewelry

timberland boots

timberland shoes

tommy hilfiger kids

tommy hilfiger outlet

huali10 Cai 17/07/15 04:12

oakley sunglasses
minnesota vikings jerseys
hollister clothing
kate spade outlet
swarovski jewelry
ghd hair straighteners
toms shoes
new england patriots jerseys
lacoste polo shirts
instyler ionic styler
mac cosmetics
puma shoes
timberland boots
true religion sale
futbol baratas
kobe 9 shoes
adidas wings
new york knicks jersey
adidas wings
ferragamo shoes
michael kors outlet
tory burch flats
mont blanc pens for sale
herve leger sale
los angeles clippers jerseys
seattle seahawks jerseys
louis vuitton outlet stores
salomon shoes
coach outlet
kobe 9
coach factory outlet
beats headphones
instyler ionic styler pro
ray ban sunglasses
air jordan gamma blue
timberland outlet
kate spade outlet
zheng123 7.17

Gege Dai 27/10/15 22:35

20151028xiaodaige
michael kors factory store
oakley sunglasses wholesale
cheap jordans
oklahoma city thunder
ugg boots uk
celine outlet
arizona cardinals
canada goose outelt
coach outlet online
air jordan shoes for sale
ugg boots
ralph lauren polo
cheap jordan shoes
rolex uk
camisetas futbol baratas
mont blanc pens
tommy hilfiger
ed hardy clothing
ugg outlet online
atlanta falcons
discount oakley sunglasses
beats by dre
hermes birkin bag
chanel handbags outlet
coach outlet store
oakley sunglasses
tory burch outlet
barbour jackets
minnesota vikings
moncler jackets
cheap uggs
louis vuitton outlet store
ray-ban sunglasses
basketball shoes,basketball sneakers,lebron james shoes,sports shoes,kobe bryant shoes,kobe sneakers,nike basketball shoes,running shoes,mens sport shoes,nike shoes
ralph lauren,polo ralph lauren,ralph lauren outlet,ralph lauren italia,ralph lauren sito ufficiale
michael kors outlet

Qing Cai 28/12/15 03:59

ferragamo shoes
coach outlet
nba jerseys
ralph lauren outlet
herve leger outlet
fitflop clearance
louis vuitton handbags
coach outlet
ray ban
michael kors uk
wellensteyn jackets
tiffany outlet
oakley sunglasses
true religion jeans
rolex watches
coach outlet online
fitflops outlet
coach outlet
polo ralph lauren
oakley sunglasses
ferragamo shoes
coach handbags
belstaff jackets
ray ban sunglasses
oakley sunglasses
cyber monday 2015
cheap nfl jerseys
true religion uk
ugg boots
ugg outlet
swarovski jewelry
michael kors factory outlet
ray ban sunglasses
michael kors wholesale
soccer jerseys
prada outlet
kate spade handbags
oakley sunglasses wholesale
mulberry handbags
fitflops shoes
cai20151228

Postar um comentário