📝 ¿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.
Posts
