Como agregar “entradas relacionadas” en Blogger

Para aquellos que no saben las "entradas relacionadas" es una lista de artículos que por lo general aparecen al pie de cada artículo ¿y para qué sirven las entradas relacionadas? en el final de cada post o artículos nos ofrece entradas relacionadas o similares a las que acabamos de leer, esto sirve para que nuestros usuarios / lectores sigan navegando en nuestro sitios con artículos que a ellos  realmente les interesa, a nosotros los bloggers nos beneficia con la permanencia del usuario en nuestro sitio, con mas visitas e impresiones, tengamos en cuenta que estaríamos brindando un servicio más a nuestros lectores y todo lo que sume para bien siempre es bueno, ahora vamos a ver como agregar estos códigos paso a paso:

Lo primero que deberemos hacer es crear una copia de seguridad de nuestra plantilla por si algo no salió bien.
El primer paso que deberemos realizar es ir a Diseño > Edición de HTML> Expandir Artilugios. Allí buscamos el siguiente código ]]></b:skin> y justo debajo pegamos lo siguiente:

<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 == 5) {
break;
}
}
document.write('</ul>');
}
//]]>
</script>

.
El Segundo paso es buscar la siguiente linea:

<b:loop values='data:post.labels' var='label'>

El tercer paso es pegar antes de </b:loop> el siguiente código:

<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>

Cuarto paso es buscar la siguiente linea:

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

Quinto paso es pegar debajo de esa linea el siguiente codigo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-footer-line post-footer-line-4' id='relpost'>
<h4>Entradas relacionadas:</h4>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
</div></b:if>

Ultimo paso es guardar estos cambios para poder ver los resultados entrando a cualquiera de nuestras entradas.
Un dato a remarcar con este código tal como está van a aparecer 5 entradas relacionadas por defecto, si quieres que aparezcan mas entradas relacionadas (en mi caso tengo 10) deberemos cambiar el valor en la siguiente línea:

 if (cuantosPosts == 5) {

Allí reemplazamos el “5” por la cantidad de post que queramos aparezcan al pie de nuestras entradas, espero les sirva este tutorial para poder implementar este servicio en sus sitios.
Siguiente
« Prev Post
Anterior
Next Post »

Recuerda que tu mensaje será previamente revisado antes de que aparezca en el blog.

- Ten paciencia que tu mensaje pronto será aprobado.
- Comenta sobre el Artículo o Video que veas en esta Entrada.
- No dejes Spam
- No dejes comentarios fuera de lugar.
- Si necesitas contactarme deja tu mensaje aquí con un correo para contactarte. Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Thanks for your comment