Colocar botão "Mostrar/Ocultar Navbar" no Blogger

03 setembro, 2009

Procurando na Net uma maneira para ocultar a Navbar do Blogger, acabei encontrando no blog do Derya, uma forma para fazer isso democraticamente. E, junto a ele adicionei um código para fazer um botâo ficando assim melhor o resultado. Veja o exemplo [aqui], é só clicar no botão "Ocultar/Mostrar Navbar" logo no ínicio da sidebar para ver como funciona. Se você gostar e quiser colocar no seu blog, faça o seguinte:

1 - Na sua Navbar clique em: Personalizar > Layout > Editar HTML .
2 - Antes de clicar em "Editar HTML" salve uma cópia de seu template clicando em "Baixar Modelo Completo".
3 - Não marque a caixa "Expandir Modelos de Widgets".
4 - Se usa o Firefox, tecle F3 para abrir a caixa de pesquisa, ou use Ctrl+F.
5 - Procure por <head>, e coloque este código abaixo logo após.

<script type='text/javascript'>
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById(&quot;navbar-iframe&quot;);
if (showHeader)
{
nav.style.visibility=&quot;visible&quot;;
nav.style.display=&quot;block&quot;;
}
else
{
nav.style.visibility=&quot;hidden&quot;;
nav.style.display=&quot;none&quot;;
}
}
</script>
<style type='text/css'>
#navbar-iframe {
visibility: hidden;
display: none;
}
</style>

6 - Clique em " Salvar Modelo "
7 - Agora, é só colocar este código aí abaixo na sua sidebar para criar um  botão metálico para a função. Indo em: Personalizar > Layout > Adicionar um Gadget.


<span style="cursor:pointer;" onclick="ShowHideNav();"><form><input value="Mostrar/Ocultar Navbar" onclick="alert(" type="button" /></form><a style="visibility:hidden;"></a></span>
8 - Em vermelho, coloque o título que quiser.

Fui!!!





blog comments powered by Disqus
 
Tema para Blogger por :: BloggerSPhera :: Imagens, conteúdo, calibragens, etc... Por :: Burity ::