Cómo redondear los bordes de las fotos del gadget Linkwithin

17.12.14

Hace un par de semanas cuando te expliqué cómo instalar el gadget de Linkwithin, alguien me preguntó qué código es necesario para hacer las fotos redondas.

A parte de hacer las fotos redondas, también se pueden simplemente redondear los bordes.

Cambia el formato de las fotos de los posts recomendados y te diferenciarás de otros blogs.

Redondear fotos linkwithin



Las fotos que aparecen en el gadget de Linkwithin o posts relacionados o quizás te interese, son cuadradas y de dimensiones 100px x 100px.

Lo que te mostraré aquí es cómo se pueden redondear los bordes.


  1. Entra en Plantillas --> Editar HTML
  2. Busca (con Control + F ) este código


      ]]></b:skin>

  3. Pega este otro código justo encima


      .linkwithin_img_0 div, div.linkwithin_img_0,
      .linkwithin_img_1 div, div.linkwithin_img_1,
      .linkwithin_img_2 div, div.linkwithin_img_2,
      .linkwithin_img_3 div, div.linkwithin_img_3,
      .linkwithin_img_4 div, div.linkwithin_img_4,
      .linkwithin_img_5 div, div.linkwithin_img_5
      {
        border-radius: 0px;
      }


    Las 5 primeras líneas indican que los cambios se realizarán en todas las fotos que se muestran en el gadget de Linkwithin.

    La última línea sirve para redondear el borde.

    Veamos unos ejemplos


      border-radius: 0px;


    Gadget posts relacionados


      border-radius: 20px;

    Redondear borde gadget


      border-radius: 35px;

    Redondear borde Linkwithin


      border-radius: 50px;

    Fotos redondas Linkwithin



    Para cualquier valor superior a 50px, la foto se verá redonda.


Es muy sencillo y queda bonito, ¿verdad?

No tardes más y empieza a personalizar tu gadget de posts recomendados. 

Laura

¿Te ha gustado 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.