Entradas aleatorias en Blogger

domingo, mayo 16, 2010
COMPARTE EL POST

interact

Una de las funciones más deseadas por muchos en Blogger es la famosa entrada aleatoria, es cierto, en Wordpress o uncluso en un sitio web independiente es muy fácil hacer eso, conectarse a la base de datos y con una función lanzar un número y asociarlo al post, pero en Blogger no hay eso, así que les voy a enseñar por medio de un código de javascript a crear un enlace que te direccione a un post aleatorio.

Entra en Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y pega esto:

<script type='text/javascript'>
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].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 readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<a href="#random" onclick="feelingLucky()" title="Entrada al azar"><img src="http://i42.tinypic.com/2edma7d.png" valign="middle" border="0" /> Ver una entrada al azar</a>

Lo que se hace en el código es acceder al feed del blog para poder tomar los posts de ahi y luego aplicando una función aleatoria se es posible combinar los resultados cada vez que se llame a la función.

Lo último que podríamos modificar sería el texto que está en negritas, el primero es la dirección de una imagen que acompaña el enlace, y el segundo es el texto que se muestra. El resultado quedaría más o menos así:

image

Vía ciudadblogger

¡Síguenos en Twitter!


Deja tu comentario