Cómo Ajustar el Tamaño de las Imágenes del Gadget Entradas Populares en Blogger

📝 ¿Conoces la Historia de Blogger?

Responde las preguntas y descubre datos curiosos sobre Blogger.

Se puede ajustar el tamaño de las imágenes del gadget “Entradas populares” en Blogger, y hay dos formas seguras de hacerlo (sin romper el tema ni afectar AdSense).

Te explico de la más fácil a la más técnica.

✅ OPCIÓN 1 (LA MÁS FÁCIL – RECOMENDADA)

Cambiar el tamaño desde el propio gadget

Ve a Blogger → Diseño
Edita el gadget Entradas populares
Marca “Mostrar imágenes en miniatura”
Guarda

📌 Esto ya reduce bastante el tamaño en muchos temas.

⚠️ Si aún se ven grandes, usa la Opción 2.

✅ OPCIÓN 2 (LA MEJOR Y MÁS EFECTIVA – CSS)

Esta opción funciona en todos los temas y no afecta a las entradas ni a otras imágenes.

🔧 Paso 1: Ve a

Tema → Personalizar → Avanzado → Añadir CSS
(o Tema → Editar HTML y pega el CSS antes de </style>)

📏 Pega este código:

/* Ajustar tamaño de imágenes en Entradas Populares */
.PopularPosts img {
  width: 90px !important;
  height: 90px !important;
  object-fit: cover;
  border-radius: 6px;
}

/* Ajuste en móvil */
@media (max-width: 768px) {
  .PopularPosts img {
    width: 70px !important;
    height: 70px !important;
  }
}

🔍 Qué hace este código

✔ Miniaturas cuadradas y limpias
✔ No deforma imágenes
✔ Mantiene buena velocidad de carga
✔ Compatible con AdSense

🟢 OPCIÓN 3 (SI TU TEMA USA OTRA CLASE)

Algunos temas usan otra clase. Si la Opción 2 no funciona, prueba esta:

.popular-posts img,
.widget.PopularPosts img {
  max-width: 80px !important;
  height: auto;
}

Con estas opciones, tus Entradas populares se verán limpias, proporcionadas y adaptadas a dispositivos móviles, manteniendo tu blog rápido y AdSense-friendly.