Como retirar a navbar.
Com css retira-se a navbar e coloca-se de volta facilmente; as imagens mostram o código para retirar a navbar e reposicionar a página para não ficar um espaço em branco, tudo explicado em detalhes:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR-Bz0OV441ODCQVHZD2GAfB8rmK-lU-kZXkUhvsY4EZC9XQv7ZMpx_ZVqpAHMR0a6u2vzc_ba9MJ2x9bsSyGiq2Bg4OPv220gHQ2GW4PPw8CUHa12Jka-dq_WiTxjSJ5z_VUXWkOPF3Vb/s400/cssRetiraNavbar.jpg)
E após ter retirado a navbar; querendo voltar e ter sua navbar basta aplicar /* no início e no final aplique */ como mostra a imagem:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheiD07KaBxrWfrxANoZ6UmPEqck0UM3eF2aaQlyqx2Ijvk-_bR9wO1W0klAtNw-dm8cRjeotiyfb7VQKZz5eDe9cPlAm5lb3bfbliVya0DEbI9uBgHkW_47twHNUGy6hHoIqtmEeh9wS6A/s400/cssDevolverNavbar.jpg)
Para ver como aceder o HTML de seu blog click aqui.
No painel de edição de HTML do seu blog, busque a chave de fechamento b:skin premindo simultaneamente Ctrl F e digitando na caixa como na imagem:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-596mxNrqzBAHkjuj5PV2O9n_sZmWxJEmTt1OQUF5OgGB0Bb1e85a0MwrnA6uv2Rbox1d61r_SN0F4mvYHvsLoNY-vy_-oeQStXk_Vx7MAi2mWqb7FLScfWkDYWR4p4O8ZUQ583nIEloT/s400/buscaBskin.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3PuXBVUpPATqGkjRL4fyonbLjMs10bnJtj9nkR8T-D41EBarBjwo_iid8Fg8X61b84zXcQi7t8cnMI_UwKHzgA1noHmWga4CaqgipjrlFafeJu_G2ozYV6JENZHodlZWGVlTGKOQkCfDM/s400/acimaBskin.gif)
Insere o código acima dela como todo e qualquer código css deve ser adicionado e me diz que foi fácil.
Click em visualizar e seu blog aparecerá já sem a navbar. Gostou clik em salvar modelo e está pronto.
Depois da segunda vez que aceder o HTML de seu blog, não esquece mais o caminho, apenas é preciso ter cuidado, quando não tiveres confiança faça primeiro em seu blog de testes.
Não tem um blog de testes? Click aqui e veja como criar um blog.
Agora vou colocar de volta pois eu gosto de fazer login e sair por ela. Fica a imagem do blog sem navbar.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ_RoWRKzdLsXERwRZE3gmqZt-WWxNMkaLJ7vp4231O5b15jICqxT_EEfS-hmG_tTXG5XAv_YqvPAFhNanB0M7mM79b58WRRHvc_ZEfUeqe1EkrIksYthyCAjQ3HmMPMC0IlDqZUFygDnp/s400/VerbratecSemNavbar.gif)
Abaixo uma pequena atualização feita em 31-01-2012.
Agora com o suporte dos navegadores ao css3 resolvi ocultar/mostrar a navbar e para fazer isto em seu blog é só inserir este pequeno código, sempre acima da chave de fechamento b:skin
![Imagem do código para ocultar e mostrar navbar com opacidade css3.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWAILJtUZC2r58w2KcZI-KZfh8bc0VRtsB7W6WXv31oRcI8ynlkJ_6ecmdAdsH0gxVWOpW_1N_oJ4TU6Lq2tPtASKt9wRSV9wgXa6ULq7HxH66Wa9HDmegavO45e3IICB5yT1SQuSPYv4D/s200/cssOcultarMostrarNavbar.jpg)
Para facilitar tem a imagem para conferir o código abaixo é só copiar.
#navbar-iframe { }
body .navbar { height:0px; }
.content-outer { margin-top:0px; }
#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; }
Sempre confira os códigos colados, pois é durante a transferência que os dados se corrompem.
Obrigado pela sua atenção e tenha uma boa navegação!