Entradas aleatorias en Blogger

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

Entradas aleatorias en Blogger Entradas aleatorias en Blogger Reviewed by Marcos Rivas Rojas on domingo, mayo 16, 2010 Rating: 5