Poner una entrada al azar es muy sencillo y practico, mantendra a nuestros lectores viendo otras entradas aleatorias solo con pulsar.
ENLACES DE ENTRADAS AL AZAR
Entra en Diseño > Añadir gadget > HTML/Javascript y pega el siguente codigo:
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFziikGER3rWcv9VLw2lCyPvVzB9zQtVew-AWaqRt6oOF4mJ5OIueyJA64yiKI2uRJEUYINGBHdWtakv52MdTz9tjVzCsMBKqGcoqXlr5PLNmzqgfniDABBsSzrObhYW87IUIO5O8AMzM/s1600/2edma7d.png" valign="middle" border="0" /> Ver una entrada al azar</a>
Si deseas cambiar la imagen solo tienes que cambiar la linea roja por la url de la imagen que quieras poner
ENLACES DE ENTRADAS AL AZAR
Entra en Diseño > Añadir gadget > HTML/Javascript y pega el siguente codigo:
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFziikGER3rWcv9VLw2lCyPvVzB9zQtVew-AWaqRt6oOF4mJ5OIueyJA64yiKI2uRJEUYINGBHdWtakv52MdTz9tjVzCsMBKqGcoqXlr5PLNmzqgfniDABBsSzrObhYW87IUIO5O8AMzM/s1600/2edma7d.png" valign="middle" border="0" /> Ver una entrada al azar</a>
EL RESULTADO SE VERÁ ASÍ ( Este es un ejemplo ilustrado sin función).
Si deseas cambiar la imagen solo tienes que cambiar la linea roja por la url de la imagen que quieras poner
2 comentarios:
No sabia.......
Hola Feli, muchas gracias por compartir tus conocimientos. Hay que ver lo dificil que me resulta hacer estas cosas para el blog...
Un abrazo y feliz fin de semana
Publicar un comentario