9 de diciembre de 2009

Entradas al azar

Una interesante forma de que los visitantes de tu blog vean entradas antiguas es el gadget de entradas al azar.  Lo he puesto con un simple botón input, emulando el estilo de Google “Voy a tener suerte”.

En Diseño, Elementos de la página, añadir un gadget HTML con el siguiente código:

<div id="myLuckyPost"></div>
<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"><input value="Voy a tener suerte" name="btnI" type="submit"/></a>

Se puede poner el botón centrado añadiendo al principio y al final las líneas <center> y </center> respectivamente.

Entrada anterior Entrada siguiente Página Principal
Related Posts Plugin for WordPress, Blogger...