Ultimas entradas del blog con miniatura de imagen.

V ía lxperience les traigo este widget para blogger que la verdad me resulta muy útil y práctico para adornar el blog. Se trata de mostrar las 5 útimas entradas de nuestro blog junto con una pequeña imagen oThumbnails. El widget es bastante simple, solo necesitamos alojar el script en nuestro servidor y copiar y pegar una pequeña linea de código en nuestro blog.

Código del Gadget.

<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";

showRandomImg = true;

tablewidth = 220;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 50;
imgheight = 50;

fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";

numposts = 5;

home_page = "http://mlxperience.blogspot.com/";

</script>
<script src="http://librarysupporter.googlepages.com/recentposts_thumb.js" type="text/javascript"></script>

Lo que debemos modificar son dos lineas, la primera el donde dice "http://mlxperience.blogspot.com" que lo cambiaremos por la dirección de nuestro blog, y la segunda es "http://librarysupporter.googlepages.com/recentposts_thumb.js" que es la dirección donde está alojado el script original, pero yo les recomiendo bajarlo y y alojarlo en nuestro propio servidor.

El escript funciona de la siguiente manera, muestra el título de las ultimas entradas junto con la miniatura de alguna de la imagenes que se encuentre en esos posts, ahora si alguno de esos posts no tiene ninguna imagen el script mostrará una imagen de forma aleatoria para no modificar la estética que este script tiene. Obviamente la dirección de la imagen la tenemos que ingresar en el código. El lugar donde hacerlo es este:


imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";

Como ven son 4 imagenes que se alternaran aleatoriamente, de todos modos yo les recomiendo quitar estas imagenes y subir las nuestras.


Personalizando el Script


tablewidth = 220; Ancho.
borderColor = "#ffffff"; Color del borde.
bgTD = "#ffffff"; Color de fondo del script.
imgwidth = 50; Ancho de las imagenes en miniatura.
imgheight = 50; Alto de las imagenes en miniatura.
fntsize = 12; Tamaño de la fuente de los títulos.
acolor = "#666"; Color de la fuente de los títulos de las entradas.
showPostDate = false; Fecha de entradas. Si lo cambiamos por "true" muestra la fecha.
summaryPost = 50; Nro. de caracteres del resumen de la entrada.
summaryFontsize = 11; Tamaño de la fuente del resumen de la entrada.
summaryColor = "#666"; Color de la fuente del resumen de la entrada.
numposts = 5; Nro. de entradas a mostrar.

Por último hay que decir, que con este script las últimas entradas se mostrarán en forma Vertical, si lo que queremos es que se vean en forma Horizontal para poner debajo del Header o en el footer del blog debemos usar otro script, aquí abajo les dejo los dos scripts en un archivo para su descargar, ustedes vean cual es el mas conveniente para su blog:

Descargar los dos scripts Aquí.





via: The MLxperience