janeiro 09, 2018

Adicionar Postagem mais Recente/Antiga Manualmente


Em alguns templates para Blogger você pode notar a falta daqueles links que aparecem abaixo das postagens para que você vá para a próxima postagem ou para a anterior ou para a página inicial. Nesse atual modelo que uso não havia esses links e em alguns mais recentes lançados pelo Blogger também não há. Mas isso tem solução e o melhor é que se pode escolher onde posicioná-los. Caso ache necessário acrescentar essas opções, faça o seguinte:
1. No Html do seu template, localize a área em que deseja acrescentar os links; geralmente, o ideal é que fique antes ou dentro de <div class='post-footer'> (ou post-footer-line-2,3...)
2. Cole o código abaixo antes do post-footer:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><a expr:href='data:olderPageUrl'><img src='URL-DA-IMAGEM'/></a><a href='link-do-seu-blog'><img src='URL-DA-IMAGEM-HOME'/></a>
  <a expr:href='data:newerPageUrl'><img src='URL-DA-IMAGEM'/></a>     
  </center></b:if>
3. Salve e abra alguma postagem para visualizar como ficou. Onde está URL-DA-IMAGEM, você troca pelo link de uma imagem escrito voltar/back (olderPage) ou avançar/next (newerPage), e URL-DA-IMAGEM-HOME, por uma imagem que represente a home page. Tente com essas imagens para ver como fica:
Em um modelo Simple do Blogger, coloquei o código assim:
A parte mais chata é encontrar o lugar certo para posicionar o código, mas o resto é fácil!
Imagem de abertura do post: Pixabay.com
Share:

2 comentários:

  1. estava com dificuldade em achar o lugar certo para colocar rs mas consegui, agora tenho ma dúvida, como eu retiro o postagem recente/mais antiga do próprio blogger?

    ResponderExcluir
  2. Procure por: .blog-pager-older-link, .home-link, .blog-pager-newer-link{...aí tem css e tal...}
    E cole antes de }:
    display: none;
    Ficaria mais ou menos assim:
    .blog-pager-older-link, .home-link,
    .blog-pager-newer-link {
    background-color: $(content.background.color);
    padding: 5px;
    display: none;
    }

    Mas se no seu template já existem esses links, você poderia substituí-los por imagens. Veja esse post :3

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Google+ - Deviantart