Lista de Posts Relacionados no Rodapé do Post para Novo Blogger – Blogspot

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? 🙂