Cursos 24 Horas - Cursos 100% Online com Certificado

Navbar auto-ocultável - Blogger

6 Comentários Autor : Notícia e blog 16 outubro 2009

Todo mundo sabe que a Navbar no Blogger não é mais obrigatória, além de prejudicar o layout deixa o Blogger com uma cara de spam. Mais a Navbar também é muito útil pois oferece uma caixa de busca, meios de compartilhar o blog, seguir, entre outros acessorios, mais há uma maneira de unir o "útil ao agradável" podemos fazer com que ela aparece somente ao passar o mouse sobre o topo do Blog para fazer isso basta apenas fazer uma alteração no CSS, veja como fazer no seu Blog:


1.Vá ao painel do Blogger
2.Acesse "Layout"->"Editar HTML"
3.Procure pelo código abaixo no seu template "Utilize Ctrl e F":
]]></b:skin>
5.Antes do código anterior adicione o código abaixo:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

6.Salve as alterações e visualize.

    6 Comentários

    Jonathan Hess disse...
    16 de outubro de 2009 19:06 #

    Eu acho a navbar desnecessário! Nunca usei ele no meu blog, até porque eu acho feia a navbar. O blogger poderia melhor a aparência!

    _____________
    www.blogdojonathaan.blogspot.com

    Omelete disse...
    21 de setembro de 2010 15:28 #

    Olá.

    Lamentavelmente não está a funcionar. Estou a usar uma template original do Blogger, o que poderá ser o problema?
    Cumprimentos,
    Miguel

    priscila disse...
    25 de setembro de 2010 10:51 #

    Funciono perfeitamente, obrigada mais uma vez;

    Psicologia Academica disse...
    6 de dezembro de 2010 20:30 #

    Muito grato! funcionou!

    Be Successful disse...
    6 de janeiro de 2011 00:40 #

    Excelentee, funcionou.

    Parabens.

    http://ganhe-adicionando-amigos.blogspot.com

    Hury Gabriel disse...
    10 de agosto de 2014 11:39 #

    Muito bom, funcionou :)

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.