Mil Trucos Blogger

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

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

! Comentario

  1. mayo 15, 2014    

    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?

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo