Aqui trago uma maneira para conseguirmos ocultar essa barra, deixando o Blog com uma aparência mais Profissional.
Veja os passos abaixo: para os Templates Antigos e para os Novos Templates.
Para retirar a navbar do blogger no Modelo Antigo
Procure no código do seu template este trecho ]]></b:skin> e acrescente antes, a parte em vermelho:
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none; }
deve ficar assim:
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none; }
]]>
</b:skin>
Para retirar a navbar do blogger no Modelo Novo:
Procure no código do seu template este trecho <head>(isso está bem no começo do html)e acrescente depois dele, a parte em vermelho:
<style>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none !important;
}
</style>
Nos novos modelos de template com o surgimento da pagina designer do modelo, quando retirar a barra do blogspot geralmente fica um espaço vazio no lugar dela, isso é causado por esse código que você encontra na pagina editar html.
.content-outer {
margin: 0 auto;
padding-top: 20px;
}
Além deste código existem alguns outros que também podem causar o espaço, então procure também por:
.body .navbar {
height:0px;
}
.content-outer {
margin-top:0px;
}
Zere os valores para retiar qualquer espaço que possa existir. Gostaríamos de poder dizer exatamente qual é o código, mas o problema é que isso varia conforme o template que seu blog usar, portanto o unico jeito é fazer testes até descobrir qual deles funcionará no seu blog.
Certamente um deles é esse padding-top: 20px; mude a parte em vermelho para 0px
É isso que faz aparecer esse espaço vazio no inicio do seu blog.
Espero ter ajudado.
Porra Jow gostei vey! Ajudou mano! Continue sua parada q cê vai longe!
ResponderExcluirObrigada, me ajudou bastante!
ResponderExcluir