Mil Trucos Blogger

Entradas Relacionadas en Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Este es un genial truco si quieres que tus visitas se incrementen ya que si un lector ve una entrada que le guste seguro que se quedara mas tiempo en vuestro blog.
El truco da como resultado entradas relacionadas por etiquetas y titulos como la siguiente:

Pasos:

1.Vas a Diseño-Edicion HTML-Expandir plantillas de Artilugio busca el codigo ]]></b:skin>  y debajo de el pega 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>

2. Ahora busca esta línea:

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

Y justo antes del siguiente </b:loop> pega esto:

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

3. Ahora busca el siguiente codigo:

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

Y debajo de el codigo anterior pega lo siguiente

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

Guarda los cambios y listo. El resultado lo verás haciendo click en una entrada de tu blog, pues no se mostrará en la página principal.

Via/Ciudad Blogger

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

18 Comentarios

  1. Agosto 3, 2011    

    Buen aporte!! No había vito tu nueva plantilla! Está muy buena! cómo se llama?

    Saludos! 😀

  2. Agosto 3, 2011    

    @Enzo Sánchez Gracias por pasarte pues la plantilla se llama Simples pero me toco casi rediseñarla toda porque tuve que acomodarla a mi gusto..
    Saludos ;))

  3. Agosto 3, 2011    

    @Juvinao Te quedó muy bien!Éxitos amigo! 😉

  4. Agosto 3, 2011    

    @Enzo Sánchez ok gracias :))

  5. Agosto 3, 2011    

    Yuuuujjjjuuuuu ya me quedo esto de las entradas relacionadas, muchas gracias me ha gustado como se ve, Saludos.

  6. Agosto 4, 2011    

    @Campeon Que bien que hayas obtenido los resultados esperados

  7. Agosto 7, 2011    

    Que bien encontrarme con esto, lo estaba buscando.Gran aporte compañero 🙂

  8. Agosto 8, 2011    

    @Dryken Que bien que te guste,Saludos 😉

  9. Anonymous Anonymous
    Agosto 18, 2011    

    Lo he colocado y aparenta bien.Observo que el tuyo es distinto, muestra imagen…¿como lo coloco?

  10. Agosto 18, 2011    

    genial, muchas gracias, intente muchas veces poner ese que hay gratis como el tuyo con imágenes (aunque veo que el tuyo no es de esa web) y no se por que en mi blog no salia, gracias 🙂

  11. Agosto 19, 2011    

    @Doll no el mio no es de esa web,el mio es un truco con script,saludos que bien que el truco te guste 😉

  12. Agosto 19, 2011    
  13. Mayo 29, 2012    

    Este comentario ha sido eliminado por un administrador del blog.

    • Mayo 30, 2012    

      Amigo por error elimine tu comentario,por favor comenta de nuevo de verdad te pido disculpas 😕

  14. Marzo 17, 2013    

    Gracias.. bro
    estaba buscando estas entras relacionas ya desde mucho tiempo me vino muy bien a mi blog, ahora solo quiero quitar el subrayado de las entradas… donde lo modico para quitarlo?

  15. Mayo 7, 2014    

    Hola Juvianao y como hago para que me quede debajo de los post antes; antes de que salga escrito por categoría no se si me explico bien y disculpa la molestia.

  16. Mayo 7, 2014    

    Hola Juvinao como hago para que me quede debajo de los post y que por ejemplo lo botones de compartir, categoría quede debajo de las entradas relacionadas. Gracias.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo