Hola amigos, hoy os voy a enseñar una de las formas más comunes de que un visitante se quede en tu blog, se trata de poner, al final de cada entrada, una lista de enlaces relacionada con el artículo que el visitante acaba de leer, si le ha quedado alguna duda o quiere mirar más cosas, es muy probable que vea otro artículo y así, seguramente, ya nos habremos ganado otro usuario.
Para ponerlo debemos ir a la Edición HTML, dentro de Diseño en nuestro panel de Blogger y antes que nada, hacer una copia de seguridad de la plantilla.
Para buscar más rápido aprieta las teclas Ctrl + F a la vez, cuando lo hagas aparecerá un cuadro de búsqueda, donde ponemos la palabra a buscar y la encuentra al instante)
Ahora expandimos artilugios y buscamos el siguiente código: (para buscar más rápido aprieta las teclas Ctrl y F a la vez, cuando lo hagas aparecerá un cuadro de búsqueda, donde ponemos la palabra a buscar y la encuentra al instante)
data:post.body
Después de haber localizado ese código copiamos el código de abajo y lo pegamos justo debajo del código que hemos buscado anteriormente (data:post.body).
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'><br/>
<h3>Entradas relacionadas</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
El código que hemos introducido está configurado para mostrar 10 posts de 3 diferentes categorías, podemos modificar estas características buscando:
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
y cambiándolo por los valores que queramos.
Ahora solo nos queda modificar la frase de "Entradas relacionadas".Para eso buscamos donde dice "Entradas relacionadas" y lo sustituimos por la frase que queramos poner, si lo queremos dejar así no hacemos nada y y está.
Ahora guardamos los cambios y listo.
0 Comentarios