Personalizar los títulos de los post

Hola, hola amigos! Que tal su fin de semana?? Espero que muy tranquilo y relajador :)

El día de ayer lo aproveche para hacer este tutorial, es muy útil y super fácil, me encanto muchísimo que ahora mismo tengo personalizado el titulo de las entradas. Como ya ha deducido jeje el tutorial de hoy es sobre la personalización de los titulos de los post. Encontré 20 formas de personalizarlo y seguro existen más formas todo es cuestión de jugar con las variables, colores y fondos.

Para utilizar cualquier código de este tutorial deben de ingresar a Plantilla → Personalizar → Opciones personalizadas → Añadir CSS

------------ Voy a explicar un poco el código ---------

Border: 2px Solid #000000 | Para cambiar el aspecto de este código debemos de cambiar las variables de border: ( indica el grosor del recuadro) ( : indica el estilo del recuadro que puede variar según el ejemplo de las siguientes imágenes) (#000000: indica el color del recuadro | Ir a esta página para ver más colores)

Aparte de los estilos que vimos anteriormente también existen estos tres estilos que nos aportan más ideas para personalizar el titulo de los post.
Ingresar a Plantilla → Personalizar → Opciones personalizadas → Añadir CSS

------------ Voy a explicar un poco el código ---------

También hay más opciones para personalizar nuestro titulo del post con lineas, recuerden que para aplicar este código deben de copiarlo y pegarlo en el CSS de su blog

------------ Voy a explicar un poco el código ---------

border-bottom: 3px solid #000000 | Para cambiar el aspecto de este código debemos de cambiar las variables de border: ( indica el grosor del recuadro) ( border-bottom : indica la linea inferior) (#000000: indica el color de la linea| Ir esta página para ver más colores)

Existen mas estilos utilizando el código de Titulo con lineas. En este caso elimine la linea de border-top y deje la linea de border-buttom y asi podemos ir jugando con las variables y dejar el estilo que mejor combine con el blog. Recuerden que puede cambiar el estilo de *Solid por los estilos de los ejemplos en la siguiente imagen

Con este código podemos colocar una imagen mediante CSS al titulo de las entradas del blog, puede ser una imagen de formato Png o Gif .

------------ Voy a explicar un poco el código ---------

Background: url | Colocar la URL de la imagen en formato Png o Gif

border-bottom: 3px solid #000000 | Para cambiar el aspecto de este código debemos de cambiar las variables de border: ( indica el grosor del recuadro) ( border-bottom : indica la linea inferior) ( : indica el color de la linea| Ir esta página para ver más colores#000000 )