A Navbar do meu blog sumiu. O que fazer?

5 de março de 2014

5 comentários:
Odiada por muitos, e adorada por outros. Alguns preferem mante-la em seus blogs, e já outros preferem excluí-la definitivamente: esta é a Navbar. Vejo que algumas pessoas passam por problemas referentes a este widget, como o desaparecimento do recurso no blog. Crio esta postagem direcionada a essas pessoas, listando alguns dos fatores que podem levar ao problema.

Verifique se a Navbar está ativada em seu blog

Se por algum motivo você desativou a Navbar, bastará ativa-la novamente através do Layout do seu blog:

Faça login em sua conta do Blogger a acesse o Painel de Controle. Clique em Layout, e em seguida encontre o gadget Navbar (geralmente se encontra sobre todos os gadgets), clique em Editar e certifique-se de não estar com a opção Desativado ativa.


Adicione a Navbar através do código HTML

Uma segunda opção ao caso seria adicionar o código da sessão e widget da Navbar diretamente no HTML do seu blog:

Continuando no Painel de Controle, clique em Modelo, e depois em Editar HTML. Clique dentro da caixa de códigos, e pressione Ctrl + F. Procure por <body e abaixo da tag encontrada, cole o seguinte código:
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
      <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0754302567937217655392\46blogName\75Teste\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://zenny3450.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://zenny3450.blogspot.com/\46blogFollowUrl\75https://plus.google.com/107239479448768947761\46vt\75-8842660645174486194&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
    </b:widget>
  </b:section>
Salve o Modelo e verifique se está funcionando no blog. O código deve ficar mais ou menos assim:


Problemas com navegadores Incompatíveis ou Desatualizados

Os navegadores podem influenciar na exibição de widgets no Blogger, e por este motivo podem causar este problema referente a Navbar. O mais aconselhável é usar um navegador atualizado e sempre mante-lo limpo, realizando a limpeza do cache e dos cookies regularmente:

Google Chrome

  1. Clique no menu do Google Chrome, na barra de ferramentas do navegador.
  2. Selecione "Ferramentas".
  3. Selecione Limpar dados de navegação;
  4. Marque todas as opções a serem excluídas, desconsiderando apenas opções de senhas e formulários salvos.
  5. Use o menu localizado na parte superior para selecionar a quantidade de dados que deseja excluir. Selecione desde o começo para excluir tudo.
  6. Clique em Limpar dados de navegação.

Mozilla Firefox

  1. No topo da janela do Firefox, clique no botão Firefox , selecione Opções, e clique no item Opções.
  2. Selecione o painel Avançado.
  3. Clique na aba Rede.
  4. Na seção Cache de conteúdo web, clique em Limpar agora.
  5. Clique em OK para fechar a janela de Opções.

Internet Explorer

  1. Abra a área de trabalho e toque ou clique no ícone do Internet Explorer na barra de tarefas.
  2. Toque ou clique no botão Ferramentas , aponte para Segurança e toque ou clique em Excluir histórico de navegação.
  3. Marque a caixa de seleção Cookies e dados de sites e toque ou clique em Excluir.

Outros navegadores

  1. Apple Safari
  2. Opera

Sobre o uso em templates personalizados

Se você estiver tentando a Navbar em um template personalizado é possível que ela não funcione, por não se adaptar muito bem a outros templates que nãos sejam do Blogger.

5 comentários:

  1. Não sei porque agora só consigo colocar páginas laterais ao invés de ficarem no topo, abaixo da testeira. Quando clico páginas, não aparece mais a opção da escolha pela parte superior.
    Como posso reverter essa situação?

    ResponderExcluir
    Respostas
    1. Olá José,

      É possível que o espaço predefinido ao gadget de Páginas esteja ocupado por outro gadget, e por este motivo as páginas aparecem automaticamente na barra lateral. Verifique em seu Layout, se não existe nenhum gadget acima da zona de postagens, que possa causar este problema.

      Abraços,
      Henrique Z.

      Excluir
  2. Muito obrigada, um dos poucos tutoriais que funcionou para o meu blog, me salvou!

    ResponderExcluir
  3. Olá Henrique!

    Sinceramente, acho um tanto quanto desnecessário esse NavBar no Blogger, para mim é um menu irrelevante! Se sumir, agradeço :D hehe!
    Abraço.

    ResponderExcluir
  4. eu estava tendo esses problemas e depois vim descobrir que era o ADGUARD que eu uso, semelhante aio ADBLOCK, quando removi das extensões tudo voltou ao normal.

    ResponderExcluir