Navbar com efeito Hover

Olá anjos!

Algumas pessoas não gostam da Navbar, outras acham muito útil para o leitor poder seguir o blog, divulgar e até denunciar. A respeito desse último caso, odeio quando um blog plagiador não tem a Navbar, eu sempre tenho que ir na ajuda do Google achar a página de denúncia.

O tutorial de hoje é para quem ama e odeia a Navbar rs'. Ele esconde a sidebar, mas quando a gente passa o mouse em cima do espaço onde ela fica, ela aparece. Acho esse tutorial muito útil e demora menos de 5 minutos para fazer.

1- Vá no HTML do seu blog, aperte CTRL+F e procure por:

]]></b:skin>

2-Acima disso, cole:

#navbar-iframe {

opacity:0;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease;

}

#navbar-iframe:hover {

opacity:1;

} 

Só para lembrar, tente sempre deixar esse código por último (antes da tag, claro), pois ele entra em conflito com outros códigos e faz com que eles não funcionem. Se algum código não funcionar no seu Template, tente colocá-lo mais para cima, costuma dar certo.

Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar