Cómo hacer que tus fotos en Blogger se muestren en cuadrícula automáticamente

Share

Desde hacer mucho tiempo Blogspot ha modificado la forma en la que se suben las fotografías al editor y cómo se muestran al verse publicadas: automáticamente aparecen con atributos que le dan un aspecto de columna, es decir: se suben en una fila en lugar de aparecer una al lado de la otra. Si al igual que yo, manejas muchas imágenes en tus sitios de Blogger, aquí tienes una solución rápida y sencilla para poder mostrar tus imágenes en formato de cuadrícula.

He de decir que esta no es una solución que haya ideado yo, el crédito es para el usuario WebLovePL de Reddit que publicó un comentario con la respuesta a lo que siempre estaba buscando: una forma automática de mostrar las imágenes en cuadrícula sin tener que borrar el espacio manualmente.

Para poderlo aplicar, esta solución consta de dos pasos: el primero, es el de agregar un código CSS a nuestro blog, para hacerlo, lo aplicamos desde la plantilla. Con el blog seleccionado en donde aplicaremos este código, nos vamos a Tema, después a Personalizar y, entre las opciones que nos ofrece, seleccionados Avanzado, para después elegir Añadis CSS, donde pegaremos el siguiente código:

.post-gallery {

display: flex;

flex-wrap: wrap;

justify-content: center;

}

.post-gallery a[style*="1em"] {

margin-left: auto !important;

margin-right: Auto !important;

padding: 0 !important;

}

Una vez agregado, ahora el segundo código es el que irá directamente dentro del cuerpo del post, es decir, en el editor, para ello agregamos esta parte:

<div class="post-gallery">

---------

</div>

Como verás, en la parte de los guiones tendrás que subir tus imágenes normalmente, y aunque en la vista previa en tu editor, en el blog (tanto en la vista previa como en la entrada publicada) aparecerán ya en formato de cuadrícula.

¡Hasta la próxima!