Páginas

sábado, 3 de dezembro de 2011

Retirar a Navbar do Blogger

Quando personalizamos um Blog, aparência, imagens, banners, já ficamos bem satisfeitos mais ainda temos aquela barra do blogger que tira o profissionalismo de nossos blogs.

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.


2 comentários:

Publicidade