UPDATES:
Hack de Posts Recentes para Blogger Clássico
Customizando a Lista de Posts Relacionados
Ontem eu ensinei como criar um Widget de Posts Relacionados para seus posts. O problema do widget é que ele aparece no rodapé da página de postagem, depois dos comentários – muito embaixo, e bastante difícil de ser encontrado.
Outra solução é colocá-lo na Sidebar, mas eu acho que assim também não fica bom, pois não é “estândar”, e as pessoas provavelmente não vão notá-lo enseguida. Então, coloquei as catracas pra funcionar, e descobri (euzinha, sozinha, sozinha sem a ajuda de ninguém :P) uma solução melhor.
Pra isso, você tem que seguir as instruções do post Widget de Posts Relacionados para Blogger – Blogspot, direitinho, até o passo número 7, onde diz “Salve o template”. Feito isso, volte aqui.
Adicionando a Lista de Posts Relacionados no Rodapé do Post
1 – Ainda na tab “Editar Html”, clique em “Expandir modelos de widgets”.
2 – Procure esta linha de código:
<p class='post-footer-line post-footer-line-3'/>
3 – Adicione este código LOGO DEPOIS dessa linha (você pode substituir “Posts Relacionados” por qualquer texto que desejar):
<b:if cond='data:blog.url != data:blog.homepageUrl'>Posts Relacionados</b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
4 – O código deve ficar assim:
<p class='post-footer-line post-footer-line-3'/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>Posts Relacionados</b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
Tenha cuidado para não apagar ou sobreescrever nada, pois um simples espaço ou caracter sobrando ou faltando pode phoder completamente seu template.
5 – Salve o template. Você já pode ver sua lista de posts relacionados, ANTES dos comentários! Legal, não é? 🙂
Customizando a Quantidade de Posts Relacionados
Tanto se você está usando este método, como se decidiu usar o widget, pode determinar o número máximo de posts que aparecerão na lista. Este hack usa as Categorias (Labels, Marcadores ou Etiquetas do Blogger – é tudo a mesma coisa) para escolher os posts relacionados. Ou seja, ele vai “puxar” posts que estejam na mesma (ou mesmas) categoria.
Para modificar o número de posts que serão mostrados – o número pré-determinado são 10 posts, se achar que está bem assim, não faça mais nada – vá até a tab “Editar Html”, e clique em “Expandir modelos de widgets”. Procure este código no template:
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in
-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if>
Mude o número 5 para qualquer coisa que você queira. Aparentemente, esse número não indica o total de posts, mas o máximo de posts que são mostrados por cada categoria – embora eu não tenha certeza disso. Experimente mudar o número algumas vezes, até encontrar a combinação ideal para você.
E, caso você esteja se perguntando, o hack e o widget funcionam com todos os posts, inclusive os mais antigos.
Motivos Que Podem Causar Que o Hack de Posts Relacionados Não Funcione
1 – Você não usa as Categorias do Blogger.
Se seus posts não estão categorizados, a lista de posts relacionados não aparecerá – mas se você instalou o hack direitinho, provavelmente o título “Posts Relacionados” vai aparecer, sem nada embaixo. Coloque categorias nos posts, e a lista vai aparecer.
Se você tem alguns posts categorizados e outros não, a lista só aparecerá nos posts com categorias, mas o título “Posts Relacionados” vai aparecer em todos.
2 – Suas categorias contêm caracteres especiais
Alguns caracteres, como (?) e (/) podem causar problemas com este hack. Elimine-os das suas categorias, e pronto.
3 – Código adicionado de forma incorreta
O código do passo 3 deste posts deve ser adicionado após o código do passo 5 do post Widget de Posts Relacionados para Blogger – Blogspot, de forma que o código do passo 5 fique depois do código do passo 3 no HTML. Não entendeu? Simplesmente siga as instruções ao pé da letra e não modifique nada depois de instalar o hack! 🙂
Sempre tenha cuidado para não apagar ou sobreescrever nada, pois um simples espaço ou caracter sobrando ou faltando pode phoder completamente seu template.
4 – Você usa um Modelo Clássico de Template
Este hack é para o NOVO Blogger. Logo vou estar postando um hack para o Modelo Clássico ou Blogger antigo.
Hack original: Purple Moggy
Modificado por Nospheratt – Isto é, eu! Estou muito orgulhosa do meu pequeno hack, deu pra notar? 🙂
O Blosque mudou de casa!
Saiba mais aqui: O Fim e um RecomeçoOs comentários estão permanentemente fechados, mas você pode comentar na casa nova ou entrar em contato.
Espero você por lá! 🙂
Nilo: Você substituiu os acentos que aparecem no código por aspas e aspas duplas? Dê uma olhada nos comentários, tem solução para vários problemas.
[…] Lista de Posts Relacionados no Rodapé do Post para Novo Blogger – Blogspot […]
Poxa, não funcionou no meu: mesmo eu usando marcadores (muitos em comum e em inglês). Por que será?
Karla, não faço idéia. Você tem certeza de que seguiu todos os passos corretamente, inclusive as que estão no outro post – que está linkado no começo deste texto?
Oi querida, eu fiz tudo certinho, mas só aparece o “Veja também” mas não aparece os posts…
O que será q fiz errado?
uma dica, se ñ aparece:
pode ser:
Adorei seu blog. Ótimos tutoriais!
Neste, fiz tudo corretamente, corrigi o erro das aspas, mas não aparecem os posts, fica “Posts Relacionados” e nada mais, logo acima de “Comentários”.
No tutorial está escrito que os posts devem estar categorizados, e estão. O que pode ter acontecido?
Muito obrigado.
Abraços.
A seção relacionados é sempre bem vinda nos sites, boa dica.
[…] Se você usa o Blogger, a Nosphie já tratou (faz tempo) sobre como disponibilizar os artigos relacionados nessa plataforma. […]
Depois de mil anos sem conseguir.
Depois de testes em váááários templates.
Eu respirei fundo, segui exatamente as instruções e finalmente DEU CERTO!
Aleluia!
Ficou lindo!
Muito obrigada! Seu blog é dez! Estou lendo o Be-a-Blog passo por passo e tem me ajudado muito!
Não pude, de modo algum, localizar a linha da instrução n° 2. No mais, ñ me pareceu algo irrealizável… vocês teriam alguma dica?
Ah, aproveitando a deixa, há algum meio de eu pôr algum banner .gif no blogger? Gostaria de pôr um para divulgar um outro blog que estou construindo, mas somente é exibido o primeiro quadro da “animação”.
Obrigado!
Muito legal as dicas do post, vou tentar implementar no meu blog
[…] Lista de Posts Relacionados no Rodapé do Post para Novo Blogger – Blogspot […]
Olá,
Parabéns pelas dicas. Estou utilizando-as em meu blog…
Posso te adicionar na lista de blogs?
Valeu!
Que legal esse blog, eu tirei várias dúvidas que tinha, e pude personalizar meu blog direitinho.
Vlw ….
🙂
fiz passo a passo no meu outro blog, mas não funcionou
Nospheratt.
Eu fiz. Deu tudo certo. Mas e agora?
Como usar? Os posts relacionados vão aparecer automaticamente?
Depois que coloquei o rack não apareceu nada.
Me da um toque aí se for possível.
Olha, eu não faço idéia. Há anos que eu não mexo com Blogger, não sei se esse hack funciona na nova interface. Melhor procurar informação no Dicas Blogger sobre isso.
Obrigado eu já achei a solução, eu só precisava de marcadores. Os posts aparecem automaticamente.