Comenzamos: En síntesis, copiar este codigo colocando tu URL donde está el pedacito destacado en rojo.
1- Lo que tenes que hacer es Copiar y pegar el código que dejo abajo en un Gadget HTML. Para hacer esto tenes que ir a Diseño>Elementos de la pagina>Añadir un Gadget>HTML/Javascript,
2- Allí pegamos el siguiente código:
<div id="random-posts">
<script type="text/javascript">
function getRandomPosts(json) {
var maxEntries = 10;
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_DE_TU_BLOG.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script>
</div> 3- Ahora modifica donde dice "NOMBRE DE TU BLOG". También puedes modificar la cantidad de enlaces que se mostrarán: 10 es lo que muestra este codigo.
4- Guardar los cambios. Listo.
Con esto ya tenemos instalado el gadget para mostrar entradas aleatorias .
0 comentarios:
Publicar un comentario