Agranda y Mejora las imágenes de tus Gadgets y Widgets

Si de pronto siente la necesidad de modificar tu plantilla para que te guste mas y nos topamos con este problema los “GADGETS y WIDGETS” ¿Que pasa con ellos? pues esto:

Esto se debe a que blogger poner un tamaño por defecto para las imagenes enlos gadgets y widgets que es asi:

como vemos esta en “s72-c” que es una dimensión pequeña, para solucionar esto seguimos los siguientes pasos
Lo primero agregar esto en nuestro estilos css (Aqui modificamos el tamañode la miniatura):

#PopularPosts1 img {width:150px; height:150px;}

y ahora justo antes de </body> pegamos esto (no ponerlo en </head> porque no funcionara) :

<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+"");
var imagenes = artilugio.getElementsByTagName("img");
for(var i=0;i&lt;imagenes.length;i++){ imagenes[i].width = size; imagenes[i].height = size; }
}
redimin("PopularPosts1",1600);
</script>

Lo que esta en ROJO lo modificamos a nuestro gusto por ejemplo:

Si queremos que nuestra miniatura esta a la máxima resolución lo dejamos en 1600.
Si la queremos la podemos bajar a 200 para menos resolucion.

RESULTADO:

 

0
Shares

Deja un comentario en: “Agranda y Mejora las imágenes de tus Gadgets y Widgets

  • mayo 15, 2014 en 11:21 pm
    Permalink

    Si la imagen es rectangular y se muestra recortada por el centro se puede poner para que salga recortada por la parte de la izquierda?

    Responder

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *