Ultimas entradas con miniatura de imagen
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:
Pega lo siguiente:
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.
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/AVvXsEhsA-4BdfrqLKowQFpd9rFThDBnT8W3fHaQrMJRlwHV9pxYTaP1gBLYx49lXbzm01ALWMvkQhyphenhyphenjT772CmMpf564ifvMyYozfURLuta54yiTjMw7U6Z2q6R_FUMIeueGLaJLZ4k9qGw0D8Q/s320/blnoimg1.png";
blimagen[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsA-4BdfrqLKowQFpd9rFThDBnT8W3fHaQrMJRlwHV9pxYTaP1gBLYx49lXbzm01ALWMvkQhyphenhyphenjT772CmMpf564ifvMyYozfURLuta54yiTjMw7U6Z2q6R_FUMIeueGLaJLZ4k9qGw0D8Q/s320/blnoimg1.png";
blimagen[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsA-4BdfrqLKowQFpd9rFThDBnT8W3fHaQrMJRlwHV9pxYTaP1gBLYx49lXbzm01ALWMvkQhyphenhyphenjT772CmMpf564ifvMyYozfURLuta54yiTjMw7U6Z2q6R_FUMIeueGLaJLZ4k9qGw0D8Q/s320/blnoimg1.png";
blimagen[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsA-4BdfrqLKowQFpd9rFThDBnT8W3fHaQrMJRlwHV9pxYTaP1gBLYx49lXbzm01ALWMvkQhyphenhyphenjT772CmMpf564ifvMyYozfURLuta54yiTjMw7U6Z2q6R_FUMIeueGLaJLZ4k9qGw0D8Q/s320/blnoimg1.png";
blimagen[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsA-4BdfrqLKowQFpd9rFThDBnT8W3fHaQrMJRlwHV9pxYTaP1gBLYx49lXbzm01ALWMvkQhyphenhyphenjT772CmMpf564ifvMyYozfURLuta54yiTjMw7U6Z2q6R_FUMIeueGLaJLZ4k9qGw0D8Q/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.
0 comentarios:
Publicar un comentario
¡Gracias por comentar!