Si queréis cambiar la apariencia de algún gadget tipoEntradas Populares oLista de Blogs, no hay demasiado problema. Sólo tenemos que localizar suID y aplicar CSS. Sin embargo, si lo que pretendemos es que las imágenes en miniatura que los acompañan sean más grandes sin perder calidad, la cosa ya requiere de algo más.Lo fácil en un principio sería atacar laID que controla el artilugio correspondiente y cambiar con CSS elwidth yheight de esas miniaturas. Pero eso no hace que cambie el tamaño de la imagen original (72x72 píxeles) y por tanto al hacerla más grande, la miniatura se verá con poca definición. O sea, mal. Este sería un ejemplo de opción chunga:#PopularPosts1 img {width:150px; height:150px;}
Pero como ya hemos dicho en otras ocasiones, en Blogger tenemos la ventaja de quesubimos una imagen y realmente disponemos de cientos. Y esto es lo queuna vez más vamos a aprovechar.Para ello os propongo este pequeño trozo de código que habrá que insertar antes de/body (no funcionará antes del cierre dehead) y que hace un par de cosas. La primera es recoger unaID y un tamaño de imagen -el que queremos- y sustituir en todas las direcciones de las imágenes bajo esaID, el subdirectorios72-c (el que tienen este tipo de miniaturas) por otro que contiene la imagen más grande y exactamente del tamaño indicado previamente.Luego tomará esas mismas imágenes y les añadirá unwidth y unheight igual al tamaño deseado. Esto último es necesario porque las miniaturas vienen de serie con esos atributos iguales a 72(px) y si no los reescribimos,no se verán más grandespor mucho que utilicemos tamaños superiores en el subdirectorio:script type='text/javascript'function redimin(id,size){var artilugio = document.getElementById(id);var sustitucion = artilugio.innerHTML;artilugio.innerHTML = sustitucion.replace(/s72-c/g,"s"+size+"-c");var imagenes = artilugio.getElementsByTagName("img");for(var i=0;i<imagenes.length;i++){ imagenes[i].width = size; imagenes[i].height = size; }}redimin("PopularPosts1",200);/script
En la línearedimin("PopularPosts1",200); es dónde tenemos que indicar laid del artilugio que pretendemos modificar y el nuevo tamaño de las miniaturas (datos variables marcados en verde).El que utilicé como ejemplo es el correspondiente a lasEntradas Populares y hay que tener en cuenta que si hay sucesivos gadgets de ese mismo tipo, el último número irá cambiando: #PopularPosts2, #PopularPosts3, etc. Para la Lista de blogs, laID será la de#BlogList1.Este mismo truco sirve para cualquier gadget que lleve incorporada unaID. Si no os funciona, lo más seguro es que en vuestro CSS tengáis algún código extra puesto por vosotros, que fuerce el redimensionado de las miniaturas y en ese sentido anule el script.
