por MISSARG Dom Mayo 16, 2010 5:32 pmEntradas aleatorias en Blogger
Un código de javascript para crear un enlace que te direccione a un post aleatorio.
Un código de javascript para 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:
- Código:
<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="[b]http://i42.tinypic.com/2edma7d.png[/b]"
valign="middle" border="0" /> [b]Ver una entrada al azar[/b]</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 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í:
Lo último que podríamos modificar sería
- Código:
<a href="#random"
onclick="feelingLucky()" title="Entrada al azar"><img src="[b]http://i42.tinypic.com/2edma7d.png[/b]"
valign="middle" border="0" /> [b]Ver una entrada al azar[/b]</a>
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í:
The Exiles
