Cómo hacer efecto circular-circulo a imágenes en CSS blogger

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: 

.img-rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

2. Ahora sólo queda usar el siguiente código en una entrada, gadget o si lo deseas en la misma plantilla:

<img class="img-rounded" src="LINK DE TU IMAGEN" /> 

 Y listo sólo queda guardar nuestro nuevo CSS completo.

El resultado aquí: