Hoy vamos a ver como lograr que nuestras imágenes las que deseemos tengan un efecto circular como el siguiente únicamente con CSS:
¿Genial no? muy bien sin más vamos a proceder al tutorial el cuál es bastante sencillo de seguir.
EL TUTORIAL
1. Usar la hoja de estilos CSS el cuál contiene el efecto de redondear imágenes puedes copiarlo y pegarlo en tu plantilla en Diseño > Editar HTML y buscas ]]></b:skin> justo arriba pega lo siguiente:
El resultado aquí:
.img-rounded {2. Ahora sólo queda usar el siguiente código en una entrada, gadget o si lo deseas en la misma plantilla:
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
<img class="img-rounded" src="LINK DE TU IMAGEN" />Y listo sólo queda guardar nuestro nuevo CSS completo.
El resultado aquí: