Quitar sombras y bordes de tus imágenes hará que se vean mejor

18.1.17


Las imágenes de tu blog están allí por alguna razón concreta y seguro que no te gusta que Blogger ponga en ellas un marco y una sombra alrededor sin habértelo consultado antes.

No sé si te habías fijado antes o no, pero en Blogger, por defecto las imágenes se ven con borde y sombra alrededor.

Como esta.

quitar sombras bordes

No me cansaré de decirte que menos es más.

Si lo que quieres es resaltar la imagen y que nada la moleste, debes quitar las sombras y los bordes de su alrededor.


Cómo quitar sombras y bordes de las fotos en Blogger


  1. Primeramente entra en "Plantilla" del menú lateral izquierdo de Blogger.

    imagenes sin sombras

  2. Después debes editar el código HTML.

    blogger quitar sombras fotos
  3. Una vez veas el código debes pinchar encima de él y a continuación Control + f  (o Command + f  si tienes Mac) y te aparecerá un buscador dentro del código (arriba a la derecha).

    sombras borde imagenes

  4. Busca .post-body img (es decir, lo tienes que escribir en el buscador y darle a Intro/Enter/Return).

  5. Encontrarás un código parecido a este:


       .post-body img, .post-body .tr-caption-container, .Profile img, .Image   img,.BlogList .item-thumbnail img{
          padding: $(image.border.small.size);

          background: $(image.background.color);
          border: 1px solid $(image.border.color);

          -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
          -webkit-box-shadow: 1px 1px 1px 5px rgba(0, 0, 0, .1);
          box-shadow: 1px 1px 5px rgba (0, 0, 0, .1);

       }



  6. Debes borrar algunas líneas y cambiar un poco el código hasta tenerlo modificado como este otro código:


       .post-body img, .post-body .tr-caption-container, .Profile img, .Image   img,.BlogList .item-thumbnail img{
       
          border: 0px;

          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          box-shadow: none;

       }


    Lo que hay diferente en este código respecto al anterior es que he borrado dos líneas, el border está a 0px y en todas las sombras pone none.

  7. Ahora dale a guardar, para no perder los cambios realizados.

    imagen sin sombras blogger


Tus imágenes ya no se verán más con borde ni con marcos, ahora sólo tienes la imagen.
imagen sin borde blogger



Se ve mejor así, ¿verdad?

¿Te habías fijado nunca en la sombra que hay detrás de tus imágenes? ¿Te molesta o lo vas a dejar tal y como lo tienes? ¿Te gustan estos tutoriales fáciles pero resultones? Nos leemos en los comentarios!

Laura


¿Te ha servido lo que has leído?

Muchas gracias por compartirlo en tus redes sociales!
Tus contactos y yo te lo agradeceremos! :-)


¿Quieres contenido exclusivo para mejorar tu blog?
Suscríbete y recibirás AHORA la guía para dominar Blogger HOY!
Tu blog no pasará inadvertido.
Dejará huella.