Link de Navegação das páginas do Blog

Um pouco mais sobre navegabilidade para seu blog. Alguns templates vêem sem o link no final da página para postagens mais antigas, home e recentes, que são importantes para que o visitante passe manualmente para as páginas posteriores e anteriores de seu blog, conforme a imagem acima exemplifica. Veja como adicionar ou modificar isso.

 

Já temos um artigo aqui que ensina como modificar esses links e trocar por imagens:

• Imagem no Postagem Recente ou Antiga

 

É importante dar destaque às partes de navegabilidade de seu blog, não só com os menus. Uma dúvida sempre recorrente que recebo dos contatos aqui no [ Ferramentas Blog ] é de gente que encontrou um bom template, mas que não tem essa opção no final das páginas ou dos artigos. Eu nunca respondi esses contatos, pois não sabia a resposta – entendo pouco de modificar templates.

 

Agora descobri como fazer isso e é bem simples e prático e vou mostrar aqui passo-a-passo. Claro que, antes de fazer qualquer modificação em seu layout é preciso ter um backup dele para evitar sustos e para retornar ao modelo antigos caso algo saia errado ou você não goste do resultado.

Temos um artigo completo sobre todas as formas de backup que você pode fazer em seu blog, inclusive com um vídeo-tutorial:

• Backup no Blogger – seu Blog seguro

 

Inserindo os links.

Vá ao menu “Layout” ~> “Editar HTML” e marque a opção “Expandir modelos de widgets” conforme indicado na imagem abaixo:

 

 

Agora procure pela seguinte linha no código-fonte de seu blog:

 

<b:widget id=’Blog1′ locked=’true’ title=’Postagens no blog’ type=’Blog’>

 

Logo abaixo dela, copie e cole o seguinte, sem fazer modificação:

 

<b:includable id=’nextprev’>
  <div class=’blog-pager’ id=’blog-pager’>
    <b:if cond=’data:newerPageUrl’>
      <span id=’blog-pager-newer-link’>
      <a class=’blog-pager-newer-link’ expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + &quot;_blog-pager-newer-link&quot;’ expr:title=’data:newerPageTitle’><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond=’data:olderPageUrl’>
      <span id=’blog-pager-older-link’>
      <a class=’blog-pager-older-link’ expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + &quot;_blog-pager-older-link&quot;’ expr:title=’data:olderPageTitle’><data:olderPageTitle/></a>
      </span>
    </b:if>

    <b:if cond=’data:blog.homepageUrl != data:blog.url’>
      <a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
      <b:else/>
      <b:if cond=’data:newerPageUrl’>
        <a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
      </b:if>
    </b:if>

  </div>
  <div class=’clear’/>
</b:includable>

 

Isso incluirá os links de paginação do seu blog em todas as páginas onde for possível passar para uma anterior ou seguinte.

Temos aqui também um tutorial mais avançado (não recomendado para iniciantes) onde você pode fazer essa paginação numerada – mas só funciona perfeitamente se você não publica mais de de um artigo por dia, pois do segundo em diante tende a sumir em alguns modelos de templates:

• Paginação Numerada para Blog

Mas o resultado é ótimo.

 

Espero que esse tutorial tenha ajudado a sanar de vez essa dúvida e agora já posso dar uma resposta para quem entra em contato.