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 == "item"'>
<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
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?
ResponderExcluirProcure por: .blog-pager-older-link, .home-link, .blog-pager-newer-link{...aí tem css e tal...}
ResponderExcluirE 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