miércoles, 11 de enero de 2012

Lista de entradas al azar




Nota: para buscar algún código en especifico mas facil y rapido presiona "Ctrl +F"


Podemos mostrar una lista de entradas al azar, es muy fácil Utilizando un script podemos hacer que la lista se muestre a la perfección.

Vamos a Diseño/Elementos de la Pagina/Añadir un Gadget/ HTML/Javascript
y Pegamos el Siguiente Codigo:




<div id="random-posts">

<script type="text/javascript">

function getRandomPosts(json) {

var maxEntries = 5;

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

</div>


Lo que esta en rojo lo sustituimos por nuestra información

Fuente : Mundo Blogger

No hay comentarios:

Publicar un comentario

Descripcion en imagenes con efecto deslizante usando css

Una forma de agregarle mas estilo a nuestras imágenes y hacer que nuestro blogs sea mas profesional, es poniendo una pequeña descripc...