Como redondear los bordes en blogger


Buen día, ¿acaso todo tiene que ser cuadrado? como en esa película rara de "La Caja". Casi todo lo que existe en el universo es redondo o algo parecido pero no cuadrado. Así que vamos a modificar el código CSS de las cajas contenedoras del texto, en este caso las cajas de las entradas para que sus bordes queden redondos. ¡Vamos allá!.

Redondear borde de la caja o cajas de entradas o post:

Primero: Vamos a Tema>>Editar HTML y clic dentro de la caja del código, luego oprimes las teclas Ctrl+f y copias y pegas: ".post-outer-container" sin comillas en la caja de búsqueda que aparece en la parte superior derecha de la caja de código y Enter.


Segundo: Dentro del código de este grupo de clases (Que va desde la primera linea resaltada en amarillos hasta el primer } después de la primera linea amarilla) justo después de la linea width: auto; y antes de } (Ver imagen) agregas esta linea: "border-radius: 10px;" (Resaltado en azul en la imagen) sin comillas.

Por ultimo clic en "Guardar tema" y eso es todo. Ahora ve corriendo a tu blog para ver el resultado.

Redondear borde de la barra lateral:

Primero: Vamos a Tema>>Editar HTML y clic dentro de la caja del código HTML, pulsar las teclas Ctrl+f y veras una caja de búsqueda en la parte superior derecha del código, allí escribes: ".sidebar.container" sin comillas y pulsas Enter.


Segundo: Las lineas resaltadas en amarillo son los resultados de la búsqueda y la que nos interesa es la primera, abajo de esta linea busca el símbolo } que es el cierre del código de esa clase que esta después de la linea width: $(sidebar.width); y antes de la segunda linea resaltada en amarillo. Justo antes del símbolo de cierre agregas esta linea: "border-radius:10px;" sin comillas (Ver imagen) y clic en "Guardar tema".

Ve a tu blog para observar el resultado.

Entre mas alto es el valor de border-radius mas grande sera el borde redondeado y
entre mas bajo es su valor mas pequeño es el borde redondeado. px después del valor significa pixel. ¿Fácil no?

Eso es todo por hoy, saludos y nos leemos.

Comentarios

Publicar un comentario

Entradas populares de este blog

Como eliminar cualquier gadget o widget en blogger

Plantilla o tema contempo con dos columnas