Tutorial:Personaliza el titulo de las entradas de Blogger

¡Hola amig@s!Hoy os traemos un tutorial para que personalicéis vuestros títulos de las entradas,asi que vamos por pasos:

Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla(Plantilla→Crear/Restablecer copia de seguridad) por si las moscas,después  vamos a Plantilla → Personalizar →Avanzado → Añadir CSS, y pegamos el siguiente código:

h3.post-title{

color: #000000;

font-family: ‘Amatic SC’;

border-bottom: 2px solid #ff69b4;

font-size: 20px;

text-align: center;

}

EXPLICACIÓN DEL CÓDIGO

1.Lo que esta en rojo seria el color del texto,podéis poner el que queráis,os recomendamos esta página donde encontrareis los códigos: http://www.colorhexa.com/

2.Lo que esta en rosa seria la fuente (letra) del texto,también podéis poner la que mas os guste una vez la tengáis instalada en vuestro blog desde google fonts siguiendo este tutorial anterior:

Cómo personaliza las fuentes de nuestro blog con Google Fonts

3.Lo que esta en azul es la línea inferior del texto,también podéis poner una línea superior etc.. y cambiar el color (#ff69b4) y el grosor (2px).Ejemplo:

border-top: 2px solid #000000;
border-bottom: 2px solid #000000;

*(3px indica el grosor de la línea) ( border-top: indica la linea superior)

( border-bottom: indica la linea inferior) (#000000 indica el color de la linea)

4.Lo que esta en naranja seria el titulo centrado,pero también lo podéis a la derecha o izquierda.Ejemplo:

text-align: left;  /* Título alineado a la izquierda*/

text-align: right;  /*Título alineado a la  derecha*/