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;
}
.date-header {
text-decoration: overline underline;
color: #97e1cd;
}
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?, ....
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?, ....
Interesante... Gracias
ResponderEliminarHola !
EliminarDe nada, te animo a que lo pongas en práctica, ¡queda muy vistoso!
Un saludo