Hack lista de posts aleatorios blogger blogspot

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:

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.