Papo Nerd

Eu já tinha visto essa função em muitos blogs gerenciados via wordpress, mas mesmo depois de fuçar em todos os buracos da internet e de consultar Deus o Google, não achei nada relacionado. Depois de quebrar muito a cabeça, criei o hack baseado no script de “Artigos Relacionados” que, aliás, virá em um post futuro. Quero deixar registrado também meu agradecimento ao Lenon, que teve participação fundamental pra que a dica fosse concluída. Bem, mãos à obra:

[UPDATE: algumas pessoas não estão conseguindo instalar o hack. Ele deve estar desatualizado . Prometo corrigir quando sobrar um tempinho.]

Primeiro, faça um backup do seu template!

Depois, localize esta linha de código: (Layout, Editar HTML):

]]></b:skin>

Em seguida, cole logo abaixo dela o código abaixo:

<script type=’text/javascript’>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
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;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length – 1) * Math.random());
var i = 0;
document.write(‘<ul>’);
while (i < relatedTitles.length && i < 20) {
document.write(‘<li><a href=”‘ + relatedUrls[r] + ‘”>’ + relatedTitles[r] + ‘</a></li>’);
if (r < relatedTitles.length – 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write(‘</ul>’);
}
//]]>
</script>

Estamos quase lá! Visualize o template e veja se está tudo no lugar.
Salve, e crie um novo elemento de página HTML/JavaScript. Nele, cole:

<script src=”http://SEUBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=related_results_labels”>
</script>
<script type=”text/javascript”>
removeRelatedDuplicates();
printRelatedLabels();
</script>

IMPORTANTE: Não esqueça de substituir a parte em negrito pelo endereço do seu blog! APENAS a parte em negrito.

Prontinho. Salve, e confira a lista. É uma excelente ferramenta para permitir que seus leitores tenham uma melhor visualização dos outros artigos mais antigos do seu blog. Infelizmente este hack ainda está em fase ‘beta’, ou seja, ainda tem alguns bugs e falhas, então tenham paciência!

Dúvidas? Deixe um comentário.

Related posts:

1. Lista de posts relacionados no blogger/blogspot Manter os leitores no seu blog por mais tempo é...
2. Customizando a data nos posts blogger Olá, deixar o seu blog mais atraente para o leitor...
3. Colocando adsense dentro de posts blogger/blogspot Ganhar dinheiro com seu próprio blog é o sonho de...
4. Como gerar meta-tags dinâmicas para blogger/blogspot Todos sabemos das deficiências do blogger, porém, sempre temos um...

Posts relacionados trazidos a você pelo Yet Another Related Posts Plugin.