Hace unos días publiqué un procedimiento que nos permite mostrar las últimas entradas publicadas en el blog con una pequeña imagen representativa siempre que el artículo la incluya en su interior, así como un breve resumen del mismo.
Para conseguirlo, hacemos uso del gadget "Lista de Blogs" que ofrece blogger. Aunque muchos lectores obtuvieron un resultado exquisito, he querido darte a conocer esta otra forma de conseguir lo mismo.
Utilizaremos un elemento html-javascript e incluiremos un script en su interior. Puedes ver el resultado en la siguiente imagen:
Diseño>añadir gadget (elemento de página)>Lista de Blogs
Pega lo siguiente:
<script language="JavaScript">
blimagen = new Array();
blimagen[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCLmK29m-ICUHk3STNj2qIPONe0YdCO59SCLrV9U2jVEbJvkwKEhDN21RY6HhfWXzuwqe9bmUuMmIURHHKT69jERr_nZZduuAwGPvWiDHMh0syXCTeZhw_Sx7NwrP_ACzSuy7EsH18tb0/s320/blnoimg1.png";
blimagen[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCLmK29m-ICUHk3STNj2qIPONe0YdCO59SCLrV9U2jVEbJvkwKEhDN21RY6HhfWXzuwqe9bmUuMmIURHHKT69jERr_nZZduuAwGPvWiDHMh0syXCTeZhw_Sx7NwrP_ACzSuy7EsH18tb0/s320/blnoimg1.png";
blimagen[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCLmK29m-ICUHk3STNj2qIPONe0YdCO59SCLrV9U2jVEbJvkwKEhDN21RY6HhfWXzuwqe9bmUuMmIURHHKT69jERr_nZZduuAwGPvWiDHMh0syXCTeZhw_Sx7NwrP_ACzSuy7EsH18tb0/s320/blnoimg1.png";
blimagen[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCLmK29m-ICUHk3STNj2qIPONe0YdCO59SCLrV9U2jVEbJvkwKEhDN21RY6HhfWXzuwqe9bmUuMmIURHHKT69jERr_nZZduuAwGPvWiDHMh0syXCTeZhw_Sx7NwrP_ACzSuy7EsH18tb0/s320/blnoimg1.png";
blimagen[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCLmK29m-ICUHk3STNj2qIPONe0YdCO59SCLrV9U2jVEbJvkwKEhDN21RY6HhfWXzuwqe9bmUuMmIURHHKT69jERr_nZZduuAwGPvWiDHMh0syXCTeZhw_Sx7NwrP_ACzSuy7EsH18tb0/s320/blnoimg1.png";
blanchobloque = 210;
blcnaleat1 = true;
blmargen = 9;
blcolorbord = "#ffffff";
blcnfond = "#ffffff";
blimmanch = 50;
blimmalt = 50;
bltamanotexto = 12;
blcolorenlace = "#333333";
blstiil = true;
icon = " ";
blcomentt = "comentarios";
showblcne = false;
blcntamanoresumen2 = 90;
blcntamanoresumen = 11;
blcolorTextoResumn = "#666";
icon2 = " ";
blnumeroEntradasMostrar = 4;
blcnTuBlog = "http://elbalcondejaime.blogspot.com/";
</script>
<script src="https://sites.google.com/site/scriptsbalcon/b/blcnposts.js" type="text/javascript"></script>
Ahora tan solo debes reemplazar la dirección de mi blog por la de tu bitácora (se indica en color rojo).
Para cambiar el aspecto del widget, atiende a estas indicaciones:
blanchobloque = 210; Aumenta o disminuye la cifra (210) para editar el ancho del bloque general que muestra la lista de entradas recientes.
blcolorbord = "#ffffff"; Muestra un marco. Estará oculto si tu blog tiene el color blanco como fondo. Para cambiar el color del borde reemplaza #ffffff por cualquier otro código (usando la tabla de colores).
blnumeroEntradasMostrar = 4; La cifra 4 especifica el número total de entradas a mostrar en la lista.
blimmanch = 50; Aumenta o disminuye la cifra (50) para editar el ancho de la imagen en miniatura.
blimmalt = 50; Aumenta o disminuye la cifra (50) para editar el alto de la imagen en miniatura.
blcntamanoresumen2 = 90; Edita la cifra (90) para modificar la longitud de los resúmenes en cada entrada.
blcntamanoresumen = 11; Aumenta o disminuye la cifra (11) para editar el tamaño del texto del resumen.
blcolorTextoResumn = "#333333"; Reemplaza #333333 por el código de tu color favorito para editar el color del texto del resumen (utiliza la tabla de colores).
En breve ampliaré la entrada para darte a conocer el mismo gadget pero de apariencia distinta.
¿Problemas al comentar? Utiliza 
Un truco bueno, muy bueno. Ya lo puse en mi blog. ¡Muchas Gracias!
Jaime, te comento aqui aunque no corresponde a esta entrada, sino al truco del fondo aleatorio para blogs. Existe alguna forma de cambiar el color del texto sólo en aquellos fondos donde el predeterminado en mi configuración, no resalte sobre éste? Existe como en word, el tono AUTOMÁTICO, que se ajusta tanto para fondos claros, como oscuros? Es el que yo habitualmente utilizo ya que al trabajar sobre fondos oscuros, necesito tonos claros que resalten sobre éste pero entiendo que para el resto no sea así. Por eso cuando tengo que entregar algún trabajo o algo, lo utilizo ya que sobre fondos claros, se transforman los textos automáticamente en negro. No sé si me explico... No quiero liarte. Es simplemente una curiosidad. Besos.
Hola, con tu permiso cojo algunas ideas para mi blog, gracias.
pirata63
¡Gracias a ti por instalarlo, Lafuente!
Pirata63, será un placer ver los widgets en tu blog. ¡Saludos!
Te explicas perfectamente, Driwrgy. En principio desconozco la forma de conseguir lo que me pides pero podría aconsejarte cambiar el color del texto de tu blog a un gris en tono semioscuro (por ejemplo: #7E7E7E) ya que resaltará tanto en fondos claros como en fondos oscuros.
Muchisimas gracuas :D, ya lo puse en mi blog :P
¡Ha quedado perfecto Angela!
muy bueno y tendras algo asi con entradas al azar? porque encontre uno,es un poco malo porque no tiene la opcion para agrandar las images y tarda mucho en cargar
¿Te refieres a algo como lo que presento en esta entrada, PeliculasTube?