Colocar efeito em Navbar - Blogger

02 novembro, 2010

Taí um pequeno código que dará um belo efeito na Navbar do seu Bloggerblogspot. Bem legal para deixar o seu blog mais limpo (só aparecendo quando passar o mouse na área onde ela normalmente trabalha).
Funciona nos antigos e novos templates do Blogger. Quanto aos navegadores, testei no Firefox, Chrome e Opera, só não funciona no Explorer. (sic!)
Estou usando aqui neste blog, passe o mouse logo acima do cabeçalho para ver o efeito. Já tem um bom tempo que coloquei nos meus blogs e não lembro mais a fonte para citar.



Mesmo assim se você quiser experimentar, basta fazer com calma e atenção. Não é difícil!

1. Clique em Design (na sua Navbar), e na página que abrir clique em Editar HTML.

2. Agora procure por,  body {  (bem no início dos códigos malucos) e coloque logo acima este código abaixo.

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

Deixando assim:


Imagem - código navbar

Clique em Visualizar para ver se está tudo bem, depois clique em Salvar.





blog comments powered by Disqus
 
Tema para Blogger por :: BloggerSPhera :: Imagens, conteúdo, calibragens, etc... Por :: Burity ::