Lista de Posts Relacionados no Rodapé do Post para Novo Blogger - Blogspot
| Compare Preços no JáCotei: | ||||
 |  |  |  |  |
 | ||||
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?
________________________________
Compare Preços de: Artigos Personalizados, Coisas Personalizadas, Ferramentas, DVD, Filmes, Celulares, Notebooks, Câmeras, Jogos, Wii, PS3 no JáCotei
________________________________
Não consegui por nada no mundo colocar essa lista
Será que vc pode dar uma mãozinha para um blogueiro leigo nessas paradas?
Estou no aguardo
Nospheratt
Anderssauro:
Valeu, tentei 3 vezes ja, mas isso teima em não aparecer…
Tentei tanto que ja posso até dar aula de como ‘não colocar’ posts relacionados na sua pagina…rs
TKS desde já!
Foi tranquilo na primeira tentativa.
Tem como a lista aparecer direto no post da página principal?
Do jeito que fiz só aparece quando abro a página de um único post.
Grato,
Rafael Amaral.
Voce existe mesmo ou é só uma criação da matrix?! Se você existir, eu te amo, se não, te amo do mesmo jeito. Parabéeeens!!
Novamente, meu muito obrigado. Instalei no meu blog, e funcionou direitinho! Uma unica questao, é que mesmo eu tendo definido para 5, ele só mostra isso na primeira vez, quando eu vou pra outro post, ele mostra o dobro, as vezes até 15, até pensei que ela tava duplicando sem parar, mas parece que fica no maximo em 15, e em outras volta a exibir perto de 5. Mas mesmo assim vou deixar por uns tempos e acompanhar, e o importante é que os conteudos sao relacionados ao que parece.
Excelente dica funcionou blz aqui.
Claudio: Embora haja gente que duvide, eu existo, sim!
Tanto dentro como fora da Matrix. 
Promoções na Internet: Pois é, ele tem essa questão estranha com os números… Aqui tambem, ele parece não dar muita bola para o número definido de posts que deveriam aparecer. Acho que tem à ver com as categorias; na realidade, o script pega no máximo “x” posts de cada categoria - eu acho.
Mas, como você viu, ele funciona direitinho escolhendo os posts, então, acho que não vai ter drama.
Brasil Sourceâ¢: De nada!
E boa sorte com seu blog, eu recebo visitas de lá, estou muito feliz com suas referências.
Funcionou perfeitamente! Coloquei para exibir 4 Ãtens, mas à s vezes ele exibe mais, mas eu tinha colocado 5 e ele exibia uns 10!! Não sei se vc já postou isso por aqui, mas se quiser uma dica de como colocar aqueles Ãcones de adicionar aos favoritos (del.icio.us, digg, etc) nos posts do blog, eu poderia te explicar e vc poderia postar aqui. No meu blog tem disso, e o pessoal costuma usar, com isso as pessoas divulgam o seu blog nesses sites de favoritos sociais! Abraços!
Já havia colocado o widget de posts relacionados e agora mesmo coloquei os posts relacionados antes dos comentários. Ficaram as duas opções, ou seja, antes e depois dos comentários. Vou deixar assim mesmo, pode ser útil ter as duas opções quando meus posts tiverem bastante comentários, assim o visitante não vai precisar rolar página acima, hehe!!
Valeeeeu!!!
Seu blog é realmente um achado, Nospheratt.
Consegui colocar a lista de posts relacionados, estava atrás disso há um tempão.
Haveria alguma forma de colocar eles para aparecer desde a “Home” do blog?
Já fiz uma busca na web e não encontrei nada, por enquanto.
Muito obrigado pela dica.
Claudio: É uma boa idéia, principalmente para quem tem muitos comentários. Gostei!
Marco: Obrigada! Eu também não encontrei nada nesse sentido; acho que não tem jeito, mesmo.
Eu consegui. Muito obrigado Nospherat.
Só uma dica pra todos: no post Widget de Posts Relacionados para Blogger - Blogspot complete até todo o passo 6 e não faça o 7 ai você volta para esse post aqui.
Ai dará certo.
Abraços
Tiago, realmente fiquei baralhado nessa parte, mas depois percebi e já tenho tudo a funcionar certo
Muito obrigado por esse tutorial,consegui fazer e deu tudo certo.
Fiz uma coisa a mais que foi por o codigo de ficar em negrito o ”Posts Relacionados”
Show. Você é dez!
Você é de outro planeta bicho! Funfou aqui beleza, só não ficou bonito igual ao seu, mas tudo bem.Obrigado.
Segui a sua dica passo a passo e consegui colocar o “Posts Relacionados” no meu blog.
Mandou muito bem, parabéns pela dica!
Quem quiser conferir como ficou, da uma olhada em pontoperdido.blogspot.com
A parte que fala sobre limitar o número de posts na listagem é um pouco confusa e não funciona muito bem.
Fiz uma adaptação na Função javascript que escreve a lista para incluir esse limite e funciona perfeitamente.
Aí vai a dica:
Esta é a função.
function related_results_labels(json)
{
for (var i = 0; i < json.feed.entry.length; i++)
{
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++)
{
if (entry.link[k].rel == ‘alternate’)
{
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
Encontre a no seu código depois de tudo pronto e inclua o trecho abaixo no ponto exato:
if (relatedTitlesNum >= 5)
{
break;
}
Coloeui o limite de 5 post. Escolha quantos quiser.
O resultado final ficará assim:
function related_results_labels(json)
{
for (var i = 0; i < json.feed.entry.length; i++)
{
if (relatedTitlesNum >= 5)
{
break;
}
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++)
{
if (entry.link[k].rel == ‘alternate’)
{
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
…acho que a melhor forma de agradecer a dica é ser simples e dizer um sincero obrigado, pois ficou ótimo e eu vinha procurando isso a muito. Abraço.
Dav7: Ainda bem! Desculpe a confusão.
Pafu’s: Que bom que você conseguiu personalizar ao seu gosto!
Philippe: Obrigada!
Rosdu: É só dar uma personalizada, que vai ficar ótimo, tenho certeza.
Rafael: De nada! E obrigada pelo adendo, fica aí a dica pro pessoal. Show!
Márcio: De nada, e obrigada pelo reconhecimento.
Eu já tinha conseguido para um site quando seu blog ainda era no blogspot. Criei outro site e voltei aqui mas não deu certo pois eu copiava e colava os códigos nos lugares certos mas dava erro na hora de salvar.
Consegui resolver apagando as aspas e colocando-as manualmente.
Apareceu a mensagem falando que alguns comandos precisavam terminar com (;) foi só colocar e problema resolvido.
Agora está tudo ok.
Eu testei os códigos em um dos meus blogs e funcionou perfeitamente (após algumas correções no código), mas no meu outro blog, que eu mudei o template, algumas das tags estavam muito diferentes… mas nada que uma horinha de tentativas não resolva.
CoisasFree: Que bom que você tem ânimo de se aventurar com as tags diferentes, a maioria das pessoas não tem coragem. Meus parabéns!
Eu faço tudo direitinho, e o texto de Posts Relacionados está lá, mas não aparece nenhum post. Mesmo eu colocando marcadores não funciona. Você poderia por favor me ajudar com isso?
olha não sei se alguem tinha notado, aqui comigo este codigo funcionou muito bem o unico erro de edição foi o seguinte de muita importancia:
nos passos 2, 3 e 4 você ultilizou “´” ao invés de “‘” o que causou um problema enorme na execução do codigo. é algo simples porem pessoas q não veem muito bem nao poderiam notar e diriam que o codigo não funciona. valeu mto a dica seu blog me ajuda mto!
Outro problema pode ser a questão das aspas, que têm de ser subsituídas, conforme foi explicado em comentários anteriores.
Pedro: Não fui eu, foi o Wordpress - ele bagunçou tudo durante a migração.
Estou corrigindo os hacks de a pouco, mas ainda não tive tempo de arrumar todos. De qualquer forma, obrigada pelo toque, valeu!
Querida. Segui todos os passos tim tim por tim tim e nao consegui. Olha que sou paciente e observadora.
Nao deu certo para mim. Pq sera ?
No seu outro post, anterior a esse, que ensina a usar posts relacionados no sidebar deu certo completamente, mas esse nao, infelizmente.
Puxa! To triste.
Ah! Se puder me ajuda a tirar esse “d” que surgiu no canto direito do meu blog. Surgiu do nada e nao esta em nenhum elemento, gift e nao posso ve-lo no HTML.
Beijos e obrigada por tudo.
Nospheratt,
Não sei se isso aconteceu só comigo, se quem ficou maluco fui eu ou o blog, mas como li vários comentários aqui, resolvi contar o que aconteceu:
Quando estava instalando essa lista de posts relacionados, na primeira vez, não funcionou nada. Fiz tudo de novo e na segunda vez, apareceu apenas a frase “posts relacionados”, mas nada dos posts, mesmo eu tendo várias categorias no blog. Voltei na parte de edição de html e chequei o código. Percebi que o primeiro script da outra página (o passo número 2) não estava lá, apesar de eu ter seguido todos os passos, mas o “posts relacionados” aparecia.
Resgatei o template que tinha guardado no computador e comecei todo o processo novamente, quando terminei, aparecia mais uma vez só “posts relacionados” e mais nada. Voltei ao html e percebi que o primeiro script não estava lá (mesmo eu tendo certeza que tinha colocado ele), então o que eu fiz foi apenas voltar a outra página e copiar novamente o script e colocá-lo no html no lugar onde devia estar, salvei e adivinha? Funcionou perfeitamente.
Será que é possível que a ordem de inserir os scripts possa afetar os novos modelos?
Agora eu não sei se fiquei maluco ou o blogger tá doidão. De qualquer forma, resolvi deixar o comentário, talvez possa ajudar alguém que esteja tendo o mesmo problema ou quem sabe você dá uma luz aí.
Um abraço!
PS: VALEU!
tentei de todos os jeitos, mas o resultado é sempre o mesmo:
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “cond”.
Uma pena.
Era preciso substituir todas as aspas e aspas simples, mas agora eu já consertei tudinho. Tente de novo que vai funcionar!
Quanto ao D, procure este trechinho de código no HTML:
class=’clear’>d Foi o que eu encontrei, delete a letra d que aparece aí e visualize, acho que é isso! ^^
Tico: Não faço idéia, mas eu sempre instalei as coisas nessa ordem (e o fiz em vário blogs) e funcionou. No entanto, o Blogger dá uns berequetuns estranhos de vez em quando, deve ser isso.
De nada! Ainda estou te devendo resposta do email, tenha fé que eu chego lá! Beijo!
Julio: Como eu expliquei aí em cima, o código estava com defeitos causados pela migração. Já consertei. Tente de novo; se não funcionar, é porque há algum problema com seu template.
Eeeee!! Lutei um pouco com o código até ter a [brilhante] idéia de ver os comentários para saber como as outras pessoas tavam se dando com o código! Foi então que descobri a coisa da transição do blogger para o WP que atrapalhou os códigos! E o Pedro deu uma mãozinha com a coisa de por as aspas a mão e deu certo!! Eeee..tá, ninguém tem nada com isso, mas to feliz e queria dizer!
Obrigada mesmo, Nospheratt!
Uma dúvida: você teve problemas com o código deste post mesmo? Eu já arrumei, deveria funcionar… pode me dizer em qual post foi que encontrou problemas?
Este blog é ótimo,este hack funcionou direitinho!
Parabéns e obrigado pelas dicas!
Sucesso!
Vaz
Moça, desculpa a demora em responder…só agora que vi sua pergunta. Então, eu tive problemas sim…se eu não me engano com os códigos que continham ‘ (quase todos), mas vou testar de novo em outro blog. E te digo com mais certeza, ok?
Moça, acabei de fazer. Realmente tá dando erro sim, no passo 4. A seguinte mensagem:
“Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “type”.”
Eu fiz um teste e acredito que o problema esteja aqui:
Eu troquei o ‘ manualmente e deu certo, ficou assim:
Não sei se seu comentário aceita formatação espero que sim! rs
Espero ter ajudado um pouco, moça!
PS: Eu adicionei duas vezes sem querer…rs…mas fora isso o único problema foi esse que te indiquei mesmo!
De qualquer forma, muito obrigada pela atenção. Tenho que instalar urgentemente o plugin que formata código, e voltar a editar todos esses posts. Blé.
Vou dar jeito de fazer isso no fim de semana. Obrigada por tudo!
E eu que nem achei a primeira linha de código que você sugere pra pesquisar… e nem nada parecido!
Cara li seu post inteirinho, coloquei o código do jeito certo, tentei, mas não consegui..
Apareçe o seguinte erro:
Não foi possível salvar o modelo
Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “type”.
Pode me dar uma ajuda?
Abraços.
tbm não estou conseguindo coloca
Mesmo erro do cara ai de Cima.
to usando o mp3 Theme.
vlw!
Aguardo ai como coloca
Adorei, valew pela ajuda, mass… não consegui! =(
No passo 4 dá página anterior, não achei o código
,
.
Que pena… Alguém pode me ajudar??
Parabéns pela dica!
Parabéns ! Fiz tudo conforme o combinado e deu certinho…Podem conferir no link que deixei do meu BLOG… Seia ainda mais interessante se conseguíssemos deixar os POSTS RELACIONADOS dentro de cada POST na página principal do nosso BLOG, mas somente aparece quando clicamos em uma reportagem e esta abre em outra página. Parabéns novamente ! Excelentes dicas ! Fraterno abraço.
Marquinhos: Obrigada, que bom que deu tudo certo!
Já me perguntaram sobre os post relacionados na home, mas não conheço nenhum jeito de fazer isso. Já pesquisei e tudo, mas não achei solução.
Não foi possível visualizar o modelo
Quando eu coloco o codigo e clico em vizualizar aparece esse erro “Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “cond”.
[...] 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á?