Tutorial: como deixar a navbar oculta?


                

Navbar nativa do Blogger
Sabes essa barrinha que fica na parte de cima do blog e muita gente não gosta?
então, hoje estou postando um tutorial para deixa-la oculta sem excluíla, e apenas passando o mouse por cima do lugar onde ela ficava ela aparecerá:

no editar html perto de design,aperte ctrl + f e pesquise:]]></b:skin>
Acima da mesma linha ]]></b:skin> cole este código:
#navbar-iframe {
opacity:.0;
filter:alpha(Opacity=0,FinishedOpacity=0);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

prontinho...caso fique com dúvida se funciona, antes de salvar clique em visualizar; e se estiver tudo ok vc salva.

Bjokas e espero ter ajudado!

3 comentários:

  1. Adorei a nova imagem do seu blog!
    Beijinhos!♥

    ResponderExcluir
  2. que bom que gostou!!!
    *----*
    fico feliz =D

    ResponderExcluir
  3. Olá Lucy, acabei de conhecer seu blog e li esse tutorial. Pensei: será que poderia me ajudar? Há poucos dias hospedei meu blog aqui no Blogspot e inseri uma fotografia no Template que gostaria de tirar, só que não consigo. Pode me dar alguma dica? Bjss aguardo seu retorno.
    Luciana (quartodomeiobylucy.blogspot.com.br)

    ResponderExcluir

Tutorial: como deixar a navbar oculta?


                

Navbar nativa do Blogger
Sabes essa barrinha que fica na parte de cima do blog e muita gente não gosta?
então, hoje estou postando um tutorial para deixa-la oculta sem excluíla, e apenas passando o mouse por cima do lugar onde ela ficava ela aparecerá:

no editar html perto de design,aperte ctrl + f e pesquise:]]></b:skin>
Acima da mesma linha ]]></b:skin> cole este código:
#navbar-iframe {
opacity:.0;
filter:alpha(Opacity=0,FinishedOpacity=0);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

prontinho...caso fique com dúvida se funciona, antes de salvar clique em visualizar; e se estiver tudo ok vc salva.

Bjokas e espero ter ajudado!

3 comentários:

  1. Adorei a nova imagem do seu blog!
    Beijinhos!♥

    ResponderExcluir
  2. que bom que gostou!!!
    *----*
    fico feliz =D

    ResponderExcluir
  3. Olá Lucy, acabei de conhecer seu blog e li esse tutorial. Pensei: será que poderia me ajudar? Há poucos dias hospedei meu blog aqui no Blogspot e inseri uma fotografia no Template que gostaria de tirar, só que não consigo. Pode me dar alguma dica? Bjss aguardo seu retorno.
    Luciana (quartodomeiobylucy.blogspot.com.br)

    ResponderExcluir