Artículos relacionados - Blogger

Este hack sirve para poner Entradas Relacionadas al final de cada artículo, esté ya está configurado, mostrará 3 entradas con un máximo de con 50 caracteres de largo.

No se sabe si Blogger implemente esta característica en versiones futuras, pero en Blogger Draft donde podemos ver características experimentales de Blogger no hay nada al respecto.

Basado en el script de JMuir.

Para implementar Entradas Relacionadas buscamos </b:skin> y pegamos justo después el siguiente script:

<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 cuantosPosts = 0;
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
var dirURL = document.URL;
document.write('<ul>');
while (i < relatedTitles.length && i < 50) {
if (relatedUrls[r] != dirURL) {
document.write('<li><a href="' + relatedUrls[r] + '" title="Artículos relacionado: '
+ relatedTitles[r] + '">' + relatedTitles[r] + '</a></li>');
}
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
cuantosPosts++;
if (cuantosPosts == 3) {
break;
}
}
document.write('</ul>');
}
//]]>
</script>

Buscamos el siguiente fragmento (Si no lo encuentra busquen por data:label.isLast):

<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

Justo después pegamos:

<!-- recientes -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
<!-- recientes fin -->

Ahora por último buscamos:

<div class='post-footer-line post-footer-line-3'/><div>

(Puede venir como p en vez de div)

Pegamos justo después:

<div class='post-footer-line post-footer-line-4' style='margin-left:60px;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='font-weight: bold;'>Artículos Relacionados:</span><br/>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
</div>

Guardamos la plantilla y camos a cualquier artículo independiente y justo antes de los comentario deberá aparecer los artículos recientes.