lunes, 13 de octubre de 2014

Tutorial: Fecha redonda o en un círculo en Blogger


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.

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


14 comentarios:

  1. Hola Cami!!
    El 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!

    ResponderEliminar
    Respuestas
    1. Gracias Lulu!
      Ya quiero ver tu nuevo diseño!
      Preparate que nos venimos con todo!
      Besos linda!

      Eliminar
  2. ¡Hola Cami!
    Qué 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.

    ResponderEliminar
    Respuestas
    1. Jaja, me alegro que te haya servido Mab!
      Besos bella!

      Eliminar
  3. Hola Cami!
    Cuando era adicta al tumblr la flechita era una salvadora de vidas.
    Gracias por compartir el tuto!

    Que andes bien.

    ResponderEliminar
    Respuestas
    1. Amo esa maldita flecha, porque me vuelve de una! jjajaj
      Besos Anto!

      Eliminar
  4. 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!

    ResponderEliminar
  5. Hola
    Me 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

    ResponderEliminar
  6. hola una ayuda ami blog http://diyrocioventura.blogspot.com/

    ResponderEliminar

¡¡Bienvenid@s al blog de Comunidad Blogger Argentina!!

Esperemos que la pasen bien y no se olviden:Un blog se alimenta de sus comentarios ^.^