Olá pessoas! Tudo bom?
       A navbar do blog, é super prática, porém, faz como que o layout do blog não fique tão bonito quando ela está presente. Muitos blogueiros, retiram ela, mas alguns, após retirá-la, sentem dificuldades em navegar pelo seu blog. Pensando nisso, eu coloquei uma navbar escondida no Tudo de Blog. Só aparece quando passamos o mouse em cima.
      Muitos leitores do blog, ficaram curiosos em saber como eu fiz isso. E, eu resolvi fazer um Tutorial explicando. Espero que aprendam *-*

1º Vá até o painel do seu blog, e em seguida ao menu modelo. Faça um backup do seu template para evitar danos;


2º Clique no botão ' Editar HTML ' e em seguida em 'Expandir modelos de widgets';


3º Aperte F3 para abrir a janela do Localizador de seu navegador e procure por:

]]></b:skin>


4º Após, coloque ACIMA o código:


/* ----- Efeito de esconder e mostrar a navbar ----- */ #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; }


5º Visualize para ver se está tudo certo e em seguida clique em salvar.


          Agora sua navbar está escondida e só aparece-rá quando passar o mouse em cima. Gostaram do tutorial? Comentem.. Se tiverem alguma dúvida é só escrever nos comentários ou acessar a página Contato do blog.
       Beijos e até o próximo post.