Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Gadget para mostrar una lista de entradas al azar

Mostrar una lista con los títulos de nuestras entradas que cambian de manera aleatoria a medida que navegamos, actualizamos o accedemos al blog es toda una ventaja para los lectores.

Esto te permitirá ofrecer a los usuarios que visitan tu espacio contenido variado, que posiblemente no hayan encontrado y por tanto les resulte novedoso.

Con un script de sencilla instalación, podemos realizar este truco que tanta utilidad tiene.

Diseño>añadir gadget (elemento de página)>html-javascript






Pega lo siguiente:

<div id="random-posts">
<script type="text/javascript">
function getRandomPosts(json) {
var maxEntries = 6;
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 BLOG.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script>
</div>

Ahora tan solo debes escribir el título de tu blog (sin el http:// o el .blogspot.com) en donde indico.

Puedes personalizar el número de títulos a mostrar, editando la cifra 6 (resaltada en verde) dentro del código.

Guarda el gadget para terminar.

Referencia: Oloblogger

Fauna dice...

Un buen truco que ya tengo en mi blog. Gracias por ofrecernos todo esto y disculpa no haber comentado antes.

¡Viva el Balcón!

varech dice...

Gracias Jaime. Ya lo he puesto y me encanta.
Un abrazo.

Aurora dice...

Muy buena idea, fácil y rápido.
Una pregunta aparte, por si sirve a alguien más o como idea para un post. Aparte de las páginas estáticas, ¿existe la posibilidad en blogger de crear páginas dinámicas (por ejemplo, para crear distintas secciones) o es necesario crear blogs distintos a los que enlazar desde un menú?
Muchas gracias, es una duda que llevo desde hace mucho tiempo y nadie me ha resuelto, ni Google!!

馬丁 dice...

muy buen aporte compañero muchas gracias Jaime ya lo coloque en mis 3 blogs

Jaime Trujillo Escobedo dice...

Me alegro mucho, Fauna. ¡Gracias por comentar!

Jaime Trujillo Escobedo dice...

¡Me alegra mucho verte por aquí, varech!

He visto el resultado y está espectacular.

Jaime Trujillo Escobedo dice...

Aurora, ¿te refieres a crear algo parecido a un índice?

En mi caso hice lo que pides por medio de las etiquetas. Después, enlace esas etiquetas en una entrada individual que actúa como índice.

Al hacer clic en estos enlaces, todas las entradas agrupadas en dicha categoría se muestran automáticamente (por separado de las de otras etiquetas).

Si es eso lo que buscas, puedes estar tranquila: en breve publicaré una entrada en la que explicaré cuidadosamente cada paso a seguir para "crear secciones" en el blog.

Jaime Trujillo Escobedo dice...

Me parece genial, 馬丁. Además pienso que a tu blog "Empirismo Asiático" le viene muy bien ya que publicas artículos muy variados y por tanto siempre es bueno el ofrecerlos a los lectores.

Laube dice...

Jaime, qué bueno!. Ya lo he puesto en mi blog... Está genial, porque siempre puede haber gente interesada en posts antiguos y si se los enseñamos... pues mejor!.
Pero... podría meter ese gadget dentro de un marco????
Un besote

Jaime Trujillo Escobedo dice...

¡Cierto Laube! ¿Borde dices? Hasta un fondo de imagen si lo deseas...

Reemplaza en el código esta línea:

<div id="random-posts">

Por esta otra para insertar un marco:

<div style="border: 2px solid #cccccc; padding: 2px;" id="random-posts">

El grosor del borde (2px) puede personalizarse, así como el estilo (solid) revisando esta entrada o el color (#cccccc) usando la tabla de colores.

Si además deseas una imagen de fondo, incluye esta línea

background: transparent url("URL DE LA IMAGEN") repeat scroll left top;

Justo antes de la palabra padding (dejando un espacio entre la nueva línea y dicho término).

Aurora dice...

exacto, ese post para crear páginas dinámicas basadas en enlaces por etiquetas es justo lo que necesito!!

Jaime Trujillo Escobedo dice...

Aurora, debes saber que dicho artículo está en camino. Debido a mis estudios no he tenido demasiado tiempo pero ya he comenzado a escribirlo y en breve lo publicaré.

Anónimo dice...

ALUCINANTE!!!!!!!!!
¿SABES QUIEN SOY, VERDAD?
FRANCAMENTE, ESTOY IMPRESIONADA POR LA CALIDAD DE TU PÁGINA.
Y DESPUÉS DE PASEARME POR LOS CONTENIDOS, TENGO QUE DECIRTE QUE, SINCERAMENTE, ¡NO SÉ QUIÉN VA A ENSEÑAR ALGO A QUIÉN!
ENHORABUENA POR TU EXCELENTE TRABAJO.
UN BESO.
B.E.O.

Jaime Trujillo Escobedo dice...

¡¡Por supuesto!! Muchísimas gracias por la visita y muchísimo más por el haber dejado un comentario aquí en mi humilde Balcón.

Un gran abrazo!

Javier dice...

Gracias por tu ayuda, me ha resultado muy útil.

Saludos

Jaime Trujillo Escobedo dice...

¡Gracias a ti por tu amable comentario Javier!

Juanma dice...

Hola Jaime. Me gustaria poner en mi blog la lista de entradas ordenadas por antigüedad en vez de aleatoriamente.
Es posible???
Supongo que si ya que en uno de mis blogs lo tengo asi http://mimonte-juanma5.blogspot.com/
Sin embargo en este otro http://cimascercanas.blogspot.com/ se muestran sin un orden.
Hay gagdet para que la lista de entradas sea por orden de antiguedad y no al azar???
Muchas gracias.

Jaime Trujillo Escobedo dice...

¡Bienvenido Juanma! Claro que es posible. Prueba a realizar el truco que explico en esta entrada, el resultado será algo muy similar a lo que buscas (salvo que las entradas se ordenarán también por etiquetas).

Gracias a ti por la visita y el comentario.

lunefiore dice...

Muchas Gracias !!!

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo