Una practica forma de mantener a nuestros lectores por mas tiempos en el blog es mostrandoles contenido interesante y es por eso que hoy traigo el gadget de entradas al azar el cual como su nombre lo indica va mostrando entradas diferente o al azar cada vez que los lectores dan un click en nuestro blog.

El gadget se ve de la siguiente manera:

Lista de entradas al azar

Para agregar este gadget vamos a Diseño,Elementos de Pagina,Añadir Gadget,HTML Javascript y pegas el siguiente codigo:

<div id="random-posts">
<script type="text/javascript">
function getRandomPosts(json) {
var maxEntries = 5;
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
indexPosts.sort(function() {return 0.5 - Math.random()});
if (maxEntries > numPosts) {
maxEntries = numPosts;
}
var container = document.getElementById('random-posts');
var ul = document.createElement('ul');
for (i = 0; i < maxEntries; ++i) {
var entry = json.feed.entry[indexPosts[i]];
var li = document.createElement('li');
var a = document.createElement('a');
a.title = entry.title.$t;
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == 'alternate') {
a.href = entry.link[j].href;
break;
}
}
a.appendChild(document.createTextNode(entry.title.$t));
li.appendChild(a);
ul.appendChild(li);
}
container.appendChild(ul);
}
</script>
<script src="http://nombre-de-tu-blog.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script>
</div>

Reemplazas lo que esta en azul por el nombre de tu blog y guardas,Si quieres añadir mas de 5 entradas al gadget solo cambia el numero 5 que esta en azul por el numero de entradas que quieres que se muestren en el gadget.

Enlace de entradas al azar

La anterior forma es para agregar una lista de entradas al azar pero tambien se puede agregar en forma de enlace como el siguiente:

Para agregar este gadget vamos a Diseño,Elementos de Pagina,Añadir Gadget,HTML Javascript y pegas el siguiente 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="http://2.bp.blogspot.com/_dsEG33PDaHw/TJvmErL6E6I/AAAAAAAAAX4/P3eS2eAP8mg/s1600/2edma7d.png" valign="middle" border="0" /> Ver una entrada al azar</a>

El enlace que esta en azul es la URL del dado que muestra el gadget pero si quieres puedes cambiarla reemplazando esta URL por la URL de tu imagen.

Números en binario


10 comentarios

Anonymous · julio 31, 2011 a las 5:57 pm

me gusta mucho este artilugio pero no se como colocarlo debajo de las entradas…¿me podrias ayudar?

Juvinao · julio 31, 2011 a las 10:07 pm

Pega el codigo del widget debajo del footer de tu blog y listo

Anonymous · julio 31, 2011 a las 11:04 pm

lo he intentado debajo de varios footer pero no va…podrias especificar debajo de que footer es??te lo agradeceria mucho

Juvinao · agosto 1, 2011 a las 1:18 am

Anónimo hay varios Footer pero agregalo en el footer-line1

Anonymous · agosto 1, 2011 a las 12:13 pm

perdona que te vuelva a molestar pero me referia que se viera debajo de las entradas pero cuando el visitante ya este metido dentro de dicha entrada…es decir, que se vea como tu gadget de entradas relacionada que esta encima de ?comentarios.

Espero no molestarte mucho,saludos administrador 😉

Juvinao · agosto 1, 2011 a las 3:41 pm

Anónimo si te entiendo bien lo que quieres es que el gadget se vea solo en las entradas pues bien entonces agrega al principio del codigo lo siguiente…
<b:if cond=’data:blog.pageType == «item»‘>

Y al final
</b:if>

Anonymous · agosto 1, 2011 a las 5:48 pm

De acuerdo, hasta aqui todo bien, le coloco el condicionante pero cuando lo pongo debajo de footer-line1 como tu comentas sigue sin aparecer el gadget…

Juvinao · agosto 1, 2011 a las 7:44 pm

Anónimo esto es un widget y no es admitido directamente en la plantilla al menos no en la mia,asi que mejor agregalo como un gadget en Html/Javascript 😉

Kique Dolores · marzo 26, 2012 a las 1:02 am

Exelente lo llevaba buscando muchas gracias

Responder a Kique Dolores Cancelar la respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *