Quickribbon

jueves, 13 de septiembre de 2007

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.

4 comentarios:

Argentálico dijo...

Amigo, esto es una maravilla! Gracias! ;-)

Kalco dijo...

ay un porblema con este javascript, ahora cuando apreto en el, me lanza al feed... no al portal.

despistao dijo...

Hola a todos,
He creado un código para mostrar un post aleatorio en blogger. Muestra el título, una pequeña preeliminar del contenido y un enlace.
Pueden verlo en funcionamiento en mi blog.
Un saludo

altabloggers dijo...

Saludos amig@:
Soy el admin de altablogger y en esta oportunidad te quiero invitar a participar en este pequeño proyecto.
Altabloggers es un sitio donde muestra los blogs con las diferentes temñaticas que existen en internet.
Tambien si gustas puedes participar en nuestra faviconera.
Nos gustaria tener el honor y el privilegio de integrar tu blog en nuestro directorio.
Muchas gracias por tu tiempo, que tengas un buen día.
Nos disculpamos por ofrecerle la invitacion en uno de sus temas, pero nos agradaria contar con su participación.
Saludos y Bendiciones.
Visitanos en: http://altabloggers.blogspot.com

Template Designed by Douglas Bowman - Updated to New Blogger by: Blogger Team
Modified for 3-Column Layout by Hoctro
Re Updated by Zona de Pruebas