• Postagens com o marcador "navbar":
  • NAVBAR - Novas cores, transparências e funções

    27 outubro, 2009

    Uma novidade que estava aguardando faz um tempinho. Ficava me perguntando porquê o poderoso Blogger disponibilizava apenas 4 modelos de Navbar/cor. Então, ontem futucando por aqui, me deparei com esta possibilidade de ter mais opções. Eu particularmente gosto de usá-la, facilita e muito o meu trabalho. Outros acham que deixa a página menos profissional. Enfim, "ghost" não se discute!




    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!!!





     
    Tema para Blogger por :: BloggerSPhera :: Imagens, conteúdo, calibragens, etc... Por :: Burity ::