Código, Web y Blogs


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í:

 


Plantilla Fuutheme V1.4 para Blogger (Theme de Chuiso.com)

Un post simple, vía correo hace meses recibí unos dos o tres mensajes de la misma persona en la cual insitía en si conocía yo que theme o plantilla usa Chuiso de (chuiso.com) en su sitio, por supuesto no tenía la más remota idea hasta hace poco, que me topé con la misma plantilla en que está basado su blog, y aunque la hay para WordPress en esta ocasión la traigo para blogger.



Seguramente quieres ver un demo en directo de la plantilla:

https://fuuethemepreviaview.blogspot.com.co

¿Te gustó? Si así fue para descargarla basta con que des click por aquí:



Claro lo que hace tan genial la plantilla es su estructura tan simple pero llamativa, si ers bueno y creativo podrás darle un toque único a este tema, si no sabes como instalar una plantilla-tema en Blogger pásate por aquí.

Espero te guste y por supuesto no está demás decir que la plantilla la he encontrado en el blog fuutec.com.

ESTAMOS EN: