Hola!! Perdonen mucho, pero mucho que tuvimos tanto tiempo este espacio olvidado! Pero como saben bien, estuvimos con todo el festejo del Primer Aniversario de la Comunidad Blogger Argentina y no estuvimos pendientes del blog. ¡Pero ahora todo va a cambiar! Ya está preparado el cronograma, las actividades, las entradas. Lunes y Viernes serán los días que se postearan entradas, irán desde debates, a concursos, de recomendaciones hasta novedades. Así que atentos, ¡¡Que nos venimos con todo!! Y para empezar bien este lugarcito un tutorial que les puede venir bien a la hora de diseñar nuestros blogs!! Gracias a La isla de los Blogs que gracias a ellos descubrí cómo hacerlo.
Para poder hacer que la fecha esté redonda en el blog o en un circulo debemos ir a Plantilla > Personalizar > Avanzado > Añadir CSS. Luego agregaremos en el CSS el siguiente código:
.date-header span {
padding:25px 3px 25px 3px;
border-radius: 100px;
background-color: #8b8bff;
/*pb*/
}
h3.post-title {
padding-top:1em;
/*pb*/
}
Padding: Es para ajustar el círculo, ustedes deben modificarlos según el tamaño de la fecha. Ambos lados tienen que tener la misma medida para que quede en forma circular. Los tamaños 25px pertenecen
a los lados verticales y los tamaños 3px pertenecen a los horizontales.
a los lados verticales y los tamaños 3px pertenecen a los horizontales.
Border-radius: Es la cantidad de redondeo que llevan las esquinas de dicho espacio. 0 es el mínimo y 100 el máximo
Background-color: Es el color del círculo.
Es bien sencillo y queda lindo, ¿No? Si tienen alguna duda no duden en dejarla en los comentarios chicos. Y si quieren algún tuto en especial para la próxima solo dejenlo en los comentario, ¿Si?
Gracias a todos por pasarce! Soy Cami del blog Disfrutando the Vita
Hola Cami!!
ResponderEliminarEl tuto está buenísimo y justo que ando con ganas de renovar un poco al blog, ya que está cerca su aniversario. Ya quiero ver que preparan para las próximas semanas!
Beso!
Gracias Lulu!
EliminarYa quiero ver tu nuevo diseño!
Preparate que nos venimos con todo!
Besos linda!
¡Hola Cami!
ResponderEliminarQué buen tutorial. Varias veces me pregunté cómo hacían para poner la fecha así.
Me alegra mucho que ya se estén armando los cronogramas para el blog, voy a estar atenta.
Besos.
Jaja, me alegro que te haya servido Mab!
EliminarBesos bella!
Hola Cami!
ResponderEliminarCuando era adicta al tumblr la flechita era una salvadora de vidas.
Gracias por compartir el tuto!
Que andes bien.
Amo esa maldita flecha, porque me vuelve de una! jjajaj
EliminarBesos Anto!
Me encanta que hagan tutoriales, siempre son bienvenidos :3 Voy a guardar esto para cuando le haga el cambio de imagen a mi blog. ¡Besos!
ResponderEliminarGenial! Ya se vienen más Jaz!
EliminarBesos!
Hola
ResponderEliminarMe encanta el tutorial, siempre vienen bien ^^
Lo voy a guardar para cuando quiera hacerle un cambio a mi blog, por ahora me gusta como estas... pero luego,le pondré más cositas =)
Un beso
Hola Dai!
EliminarGenial! Ya se vienen más!
Besos!
arrancamos con todo !
ResponderEliminarSiI! Vamos CBA!!
Eliminarmuchas gracias desde españa :)
ResponderEliminarhola una ayuda ami blog http://diyrocioventura.blogspot.com/
ResponderEliminar