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

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

barra28

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:

 

É 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:

 

Inserindo os links.

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

 

layout-editar-html-blogger

 

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:

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.

.

7 Comentários

  1. Olá amigo..

    Bom eu tentei colocar ele no Template Revolution Church e não consegui, da o seguinte erro:
    "rrija o erro abaixo e envie o seu modelo novamente.
    O widget id "Blog1" contém pelo menos dois elementos b:includable com o mesmo id: "nextprev". Todos os elementos b:includable devem ter um id exclusivo para um widget específico.".

    Pode me ajudar?

    Abraços

    Responder

  2. Verifique se vc colou o código no local correto indicado e se não modificou nada no código.

    Recomendo também que tente encontrar em contato com o criador do seu template para tirar dúvidas específicas.

    Responder

  3. Sim esta no local que voce disse
    No html original tem logo abaixo do codigo das postagens de blog :
    includable id='nextprev'>
    eu colei acima disto e em baixo do codigo das postagens de blog.

    esta certo?

    Abraços

    Responder

  4. Se no HTML do seu blog já tinha esse código então vc não deveria ter modificado nada nem seguido esse tutorial.
    Ele ser só para quem não tem esse código.

    E outra coisa, ele só deve ser colocando onde foi indicado no tutorial. Leia com atenção e siga conforme orientação.

    Mais uma vez, recomendo que entre em contato com quem criou o seu template.

    Responder

  5. eu nao consigui tambem
    apareceu:
    O widget id "Blog1" contém pelo menos dois elementos b:includable com o mesmo id: "nextprev". Todos os elementos b:includable devem ter um id exclusivo para um widget específico.".

    me ajudem por favor

    Responder

  6. Amigo,
    é bem simples: basta trocar o nome do Id por outro qualquer q não tenham.
    Pode mudar o id "Blog1" para "Blog2" por exemplo.

    Responder

  7. Pingback: Personalizar Links de Navegação do Blogger | [ Ferramentas Blog ]

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.