Post aleatorio

Si alguna vez has visto o te has interesado por el sistema de blogs de Wordpress habrás visto que es un widget bastante habitual en las páginas que usan este sistema el "Salta". Es un link en el cual cada vez que pulsamos nos llevará a una entrada aleatoria del blog, haciendo la navegación bastante entretenida y siempre distinta. Desde luego para este blog, la posibilidad de visualizar entradas de manera aleatoria quizá no sea de mucho interés, ya que los que llegan hasta aquí buscan algo en concreto, un código o una ayuda y desde luego es mejor navegar a través de las categorías... etc para encontrar lo que buscamos. Sin embargo hay muchos blogs que tratan temas muy diversos, humor, videos, o lo que sea en los que este widget puede cobrar interés, ya que el propio autor se puede sorprender al encontrar entradas que ya ni recordaba...

Todo esto que os cuento es porque ahora podemos usar este mismo sistema en Blogger gracias a Phydeaux3 (uno de los más famosos blogs de ayuda que pululan por la red). Par no entrar en complicaciones, su instalación pude hacerse de manera manual copiando el script en la plantilla y luego situando el vínculo donde queramos, o bien, lo más recomendable, hacerlo de manera automática y luego cambiando aquellas cosas que queramos modificar.

No tenéis más que ir a la página de instalación y darle a un botón para instalrlo en nuestra plantilla. Automáticamente nos llevará a la vista de diseño de blogger y lo movemos a la columna o zona que más nos convenga. Guardamos los cambios y ya está instalado.

Si nos vamos a nuestro Blog veremos que tenemos el Widget situado en donde decidimos antes y si tenemos la sesión de Blogger iniciada podemos editar el código clickeando en el botón de "Quick Edit" que veeremos en cada uno de los widgets de nuestra página.

El código que veremos será:

<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; window.location = entry.link[0].href;} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'VINCULO'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

La zona en rojo será el texto que escojamos para el vínculo (Salta, navega, pulsa para post aleatorio... etc) o bien podemos optar por una imagen con su texto. Para ello tendremos que usar las etiquetas IMG. Por ejemplo, tenemos la imagen de una flecha y queremos mostrarla en el vínculo seguido de la palabra "salta", bien, pues esto será lo que pongamos en la zona en rojo:

<img src="URL DE LA IMAGEN"/> Salta

Con esto ya debería ser suficiente para tenerlo listo.
Podéis ver que en la segunda columna lateral de este blog me he animado a usar este truco, probad, probad.