Aprovechando que estaba ajustando mis preferencias de diseño en la creación de este blog, me encontré con la dichosa sombra y el molesto borde de las imágenes de blogger que por lo general no suele gustar, así que empiezo con este sencillo tutorial.
Como ejemplo pongo el primer post de este blog, donde he señalado con rojo las esquinas que definen este borde y sombra que contornea las fotografías y que viene por defecto con las plantillas simples de blogger. Así que vamos a hacerlos desaparecer para siempre!
Vamos a seguir los siguientes pasos:
1. Vamos a Plantilla > Personalizar
2. Seguidamente seguimos la ruta Avanzado > Imágenes y cambiamos tanto el color de fondo como el color de borde a blanco y "Aplicar al blog" para salvar los cambios.
2. Volvemos a blogger. Ahora vamos a tocar el código Html y para evitar sustos y estropear nuestra plantilla lo primero que hay que hacer SIEMPRE es Crear/Restablecer copia de seguridad que encontraremos en Plantilla en la parte superior derecha. Una vez hemos sido precavidos, en Plantilla > Edición Html.
3. Dentro del código, pulsamos CTRL+F y en el cuadro Search que se nos abre buscamos box-shadow. No saldrán varios "box-shadow" así que buscaremos el que está marcado en la imagen en rojo y cambiamos todos los números a 0. Hechos los cambios Guardamos Plantilla.
Y como vemos los bordes y la sombra ha desaparecido. Estos cambios se aplicarán a todas las fotos del blog automáticamente.
Espero que te haya sido útil este tutorial. Recuerda que si tienes alguna duda puedes dejarla en comentarios o en facebook.
No hay comentarios:
Publicar un comentario