Postagens relacionadas para blog- modelo pronto para usar - * Blog Elaine Gaspareto *

Postagens relacionadas para blog- modelo pronto para usar

em 06/12/2017

Postagens relacionadas para blog- modelo pronto para usar

Há, aqui no blog, alguns tutoriais que ensinam como colocar no blog os posts relacionados, essas miniaturas que aparecem ao final dos posts com recomendações de outros posts de mesma categoria/assunto.
Relembre os que já foram postados aqui no blog:


Hoje quero te mostrar essa variação:


Demonstração do tutorial


Ela usa basicamente os mesmos scripts das anteriores, o que muda é a aparência. São imagens maiores, vistosas e modernas.
Vamos aprender?


Como colocar as postagens relacionadas no blog?



Para começar acesse o painel de seu blog e clique na aba Tema.
A seguir clique em Editar HTML e dentro da caixa de código tecle Ctrl+F.
Na barra de busca que expandir digite </head> e tecle Enter para localizar.
Acima </head> cole o CÓDIGO CSS E JAVASCRIPT.
Sim, juntei ambos num bloco só, pra facilitar.
E é nesse bloco que você altera o tamanho das miniaturas, a cor e o tamanho das fontes, etc.
Leia o código, ele te dirá onde e o que alterar.
Depois de feita essa parte, salve.

A seguir localize <div class='post-footer-line post-footer-line-3'> e abaixo dele cole o CÓDIGO HTML.
Neste código está a quantidade de posts exibidos. Eu configurei para mostrar 3, se desejar alterar substitua o número 3 (que aparece duas vezes) pelo número de posts que desejar mostrar.
Salve.
E  tá feito!
Simples demais, né?

E, claro, os códigos que você vai precisar:


Copiar o código

Dicas extras para te ajudar:


  1. Se já existir em seu blog outro modelo de postagens relacionadas precisará excluir o pré-existente para inserir este, tá?
  2. Precisa ter marcadores inseridos em suas postagens, senão o recurso não funcionará corretamente.
  3. Seu blog precisa ser público; blogs privados não exibirão o recurso.
  4. Pode acontecer de você encontrar 2 ocorrências de <div class='post-footer-line post-footer-line-3'>; estamos em busca da segunda ocorrência, ok?
  5. Se não achar <div class='post-footer-line post-footer-line-3'> experimente qualquer linha de post-footer. Mas em geral todos os templates possuem essa linha.
  6. O tamanho da miniatura pode e deve ser alterado para que encaixe em seu template; faça testes, tá?


Aproveita que foi tão fácil e compartilhe esse tutorial em uma de suas redes sociais.
eu agradeço demais!
2 comentários via Blogger
comentários via Facebook

2 comentários:

  1. Oi Elaine gostaria de saber como que coloca aquela caixa preta de curtir a fanpage do blog como do seu blog no rodapé/lateral. Procurei o tutorial e não encontrei. Beijão

    ResponderExcluir
    Respostas
    1. Silvania, tem tutorial sim. Procure na categoria Facebook. Não lembro agora o nome, mas lembro que fiz há alguns anos :)

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…



No Instagram