Como agregar lineas a la fecha Blogger.
martes, marzo 03, 2015Feliz Martes, estoy feliz, este es mi segunda entrada estrenando nuevo Blog, con nuevo diseño, nuevos gadgets, nuevos colores y nuevas tipografías, me siento como niña con juguete nuevo.
Hoy vengo con otro tutorial aunque un tanto sencillo, pero seguro que con este pequeño cambio, tu blog queda mas lindo.
Me han mandado un email preguntándome como podemos hacer para poner unas lineas horizontales a lado de la fecha en Blogger como en el ejemplo
Vamos a aprender hacer mediante CSS, este es el codigo que necesitas.
Vamos a platilla> personalizar> avanzado> añadir CSS y pegamos este codigo.
.date-header span {
display: inline-block;
position: relative; }
.date-header span:after {
content: "";
position: absolute;
border-bottom: 1px solid #000;
top: 8px;
width: 100%;
left: 100%;
}
.date-header span::before {
content: '';
position: absolute;
top: 8px;
border-top: 1px solid #000;
width: 100%;
right: 100%;
}
Todo lo que esta en color es lo que puedes cambiar(colores y dimensiones)
Bien es todo por hoy, espero te sirva, compartas y te quedes, que me harás feliz.
9
Hola te sigo desde ya, necesito aprender muchas cosas ..
ResponderEliminarBesinos
El toque de Belen
Hola Maria muchas gracias, pronto iré agregando los otros tutoriales. Un Saludo !
EliminarLo puse en mi blog ;)
ResponderEliminarMe encanta tu nuevo blog! esta muy chulo! Muacks!!
Hola Nena, que gusto tenerte por aqui, gracias poco a poco va quedando.
EliminarHola! Me gusta mucho las laminas , con ese colorido y tan dulces ¡ las uso fijo !
ResponderEliminarCon respecto a este tutorial , los botones de compartir son los que tienes ? Es que me encantan y los quiero poner en el mío
Besotes!
Me alegra que te gusten. Los enlaces que bienes son para los botones que tengo puestos en Creatively Yeyas, si quieres agregar estos, solo picha con tu mouse en el lado derecho sobre cada imagen y copia la URL de cada imagen.
EliminarOh ! Gracias guapa. Un saludo.
ResponderEliminarMuchas gracias!! Me lo llevo para mi blog!!
ResponderEliminarQue bien nena, gracias por pasarte por aquí.
ResponderEliminar