Entradas relacionadas en Blogger



Entradas relacionadas en nuestro Blog.


En este nuevo tutorial que les traigo para mejorar su sitio web eh entradas, les mostrare como colocar entradas relacionadas por debajo de las entradas creadas para nuestro blog. Para que nos sirve? Nos sirve para mejorar las entradas dentro de nuestro blog y que nuestro visitante encuentre mas contenido y le sea útil.

1- Primero entra a Diseño > Edición de HTML y haz un respaldo de tu plantilla por si no obtuvieras los resultados esperados.

2- Luego con los artilugios expandidos busca la etiqueta (Expandir plantillas de artilugios) ]]></b:skin> y justo debajo de ella pega lo siguiente en rojo:



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




3- Ahora busca esta línea:

Código:




4- Y justo antes del siguiente </b:loop> pega esto que esta en rojo:



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


5- Ya sólo busca esta línea:

Código:




6- Y pega debajo de ella lo siguiente código que esta en rojo:



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


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

NOTA: Es importante que tus entradas tengan al menos una etiqueta, y que las etiquetas se muestren en el post para que las entradas relacionadas funcionen.


CREADO POR COMUNIDADLBIP


Responses

0 Respuestas enEntradas relacionadas en Blogger"

Publicar un comentario

 

Publicidad

Sitios Recomendadas

Consigue dinero con tu Web Juegos Online Gratis -  Vidamagno Funny2Be
Mundo Descargas Zone Facil Nombre Web
   
Ir Arriba Nuevamente... Copyright © 2009-2011 | Comunidad LBIP All Rights Reserved by Evandro.