Artículos relacionados

Este truco es muy sencillo y muy útil, sirve para mostrar los artículos relacionados con el que estés viendo, siempre y cuándo lleve la misma etiqueta. Al estar agrupado en una etiqueta, se mostrarán los títulos de otros posts...

Si quieres hacer el truco simplemente sigue los pasos que te mostraré...

Diseño>edición HTML>expandimos artilugios

1) Busca la etiqueta ]]></b:skin> y debajo pégale este código:

<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 < 20) {
if (relatedUrls[r] != dirURL) {
document.write('<li><a href="' + relatedUrls[r] + '" title="Post relacionado: '
+ relatedTitles[r] + '">' + relatedTitles[r] + '</a></li>');
}

if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
cuantosPosts++;
if (cuantosPosts == 4) {
break;
}
}
document.write('</ul>');
}
//]]>
</script>

* En relatedTitles.length && i < 20) debes incluir el número de artículos a mostrar según los caracteres que tengan en el título.

2) Ahora busca esta línea de código:

<b:if cond='data:post.labels'>

Si miras con cuidado, verás que un poquito más abajo de la línea, está la etiqueta </b:loop>

Pega este código justo antes de </b:loop>

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

* En max-results=10 debes escribir la cantidad máxima de artículos a mostrar.

3) Ahora debes buscar esta línea:

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

Si no aparece, busca esta otra (esto dependerá del tipo de plantilla que tengas) :

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

4) Justo después de la línea añade este bloque de código:

<b:if cond='data:blog.pageType == "item"'>
<p>Artículos relacionados:
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</p>
</b:if>

Lo que te señalo en color rojo es el texto que aparecerá, es decir, el título que aparecerá antes de los enlaces de los artículos relacionados.

Puedes cambiarlo por cualquier otra frase, por ejemplo:
Lee también... Mira también... Tal vez te guste... etc.

¡Guarda cambios y listo!