Facebook Twitter Pinterest GooglePlus Instagram Cómo poner texto entre dos líneas en Blogger | Café largo de ideas - Decoración, reciclaje, DIY, blogging

Cómo poner texto entre dos líneas en Blogger

Hoy te quiero mostrar un nuevo truquillo, esta vez haciendo uso de CSS, para que mejores el diseño de tu blog en Blogger resaltando algunas partes del mismo... ¿te animas a descubrirlo?

Fuentes: «Efon Regular», «Impact Regular» y «Homemade Apple Regular»
Colores: #ffffff y #aa91a9


Al trabajar con CSS podrás aplicar el estilo que te voy a mostrar a continuación automáticamente por ejemplo en:

El título del blog

header {
text-decoration: overline underline;
color: #97e1cd;
}


Los nombres de los gadgets de la sidebar (es decir, de las columnas de la dcha. y/o izda.)

.sidebar {
text-decoration: overline underline;
color: #97e1cd;
}


Los nombres de los gadgets del footer (es decir, de la zona inferior situada debajo de los posts)

footer {
text-decoration: overline underline;
color: #97e1cd;
}


Las fechas

.date-header {
text-decoration: overline underline;
color: #97e1cd;
}



En la línea del color puedes cambiar la tonalidad por la que quieras... te recuerdo este otro post dónde ya te hablé del tema del color.


Una vez tienes los códigos únicamente debes de colocarlos en el lugar adecuado, te muestro cómo hacerlo:

Debes clicar en «plantilla» y en «personalizar».


A continuación en «avanzado» y «añadir CSS».



Finalmente debes pegar el código en la caja de la dcha. y pulsar en el botón «aplicar al blog».

¿A que ha sido sencillo y el resultado ha merecido la pena?, ....

¡Muchas gracias por compartir el post!

Sobre la autora

¡Muchas gracias por tu visita!, si te ha gustado el post no te olvides de comentarlo ni de compartirlo en tus redes sociales ; )

2 comentarios:

Follow my blog with Bloglovin