20 febrero 2012

Poner “más entradas” al azar en el blog


Siempre es bueno echar mano de toda posibilidad que nos permita mantener interesados a los lectores de nuestro blog, y para ello, si tenemos que hacer uso de cuantos artilugios estén en nuestras manos, pues mejor; por ello, siempre debemos ofrecer la mayor cantidad de entradas posibles para mantener su atención. Además del Gadget “entradas populares” que ya nos ofrece Blogger, tenemos la posibilidad de ofrecerle al lector una lista de entradas aleatorias (o sea que aparecen las que le vienen en gana sin orden aparente cada vez que se vuelva a cargar la página), que bien podrían resultarle interesante a él... y de paso, ser beneficioso para nuestro blog.

Se trata de un truco bastante sencillo y facilísimo de instalarlo en la plantilla.

Entra en Diseño, Añadir Gadget, Html Javascript, y pega el siguiente código:  

<div id="random-posts">
<script type="text/javascript">
function getRandomPosts(json) {
var maxEntries =
6;
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
indexPosts.sort(function() {return 0.5 - Math.random()});
if (maxEntries > numPosts) {
maxEntries = numPosts;
}
var container = document.getElementById('random-posts');
var ul = document.createElement('ul');
for (i = 0; i < maxEntries; ++i) {
var entry = json.feed.entry[indexPosts[i]];
var li = document.createElement('li');
var a = document.createElement('a');
a.title = entry.title.$t;
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == 'alternate') {
a.href = entry.link[j].href;
break;
}
}
a.appendChild(document.createTextNode(entry.title.$t));
li.appendChild(a);
ul.appendChild(li);
}
container.appendChild(ul);
}
</script>
<script src="http://
blogerybloger.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script>
</div>

Cambia blogerybloger.blogspot.com por la dirección de tu blog, y el número de entradas que quieras mostrar; aquí se ha elegido 6, pero eso ya es decisión tuya.

Si lo hiciste bien verás algo así como esto:
 
 

No hay comentarios:

Publicar un comentario

Copia lo que quieras. Si crees que valió la pena, menciona este blog.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger