Widget para mostrar una lista de entradas al azar en tu Blog

Ayuda a tus lectores a  medida que navegan por tu Blog, ofreciendoles entradas al azar, permiteles ver contenido variado, con un script podemos realizar este truco de tanta utilidad, antes que nada guarda una copia de tu plantilla Edición de HTML - Descargar plantilla completa.

Diseño>añadir gadget (elemento de página)>html-javascript


Pega en el Widget:


<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://NOMBRE BLOG.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script>
</div>


Ahora, escribe el título de tu blog en (NOMBRE BLOG) si deseas mostrar más o menos  títulos, edita la cifra 6  dentro del código al comienzo. Guarda el Widget y listo.

0 comentarios:

Expresa tu opinión