Blogger: Personalizar el título del blog

El título de nuestro blog tendrá una fuente, color y estilo determinado por la plantilla que elijamos. Pero, si no nos gusta, podemos modificarlo a nuestro gusto.

Por ejemplo, la plantilla por defecto de este blog trae el siguiente estilo de título:

Cambios básicos

Lo primero que podemos hacer es recurrir a los cambios básicos.

1. En el menú de la izquierda, seleccionar Tema. En la pantalla derecha, seleccionar PERSONALIZAR.

2. En la nueva ventana, desplegar el menú de Avanzado.

3. Por defecto se abrirán las opciones de Texto de la página. Pinchar el triángulo a su lado.

4. En el menú que se despliegue seleccionar Título del blog.

5. Cada plantilla tiene sus valores por defecto. En este caso, para el título del blog son Fuente Arial normal de 60px, de color azulino. Y todos esos valores los podemos cambiar.

6. En este ejemplo he cambiado los valores a Georgia Italic de 40px, de color verde:

Cambios con CSS

Si lo que se desea es hacer otro tipo de cambios al título, deberemos trabajar con CSS. Para ello hay que seguir estos pasos:

1. Volver a abrir el menu anterior, pinchando en el pequeño triángulo y selecionar Añadir CSS.

2. En Añadir código CSS personalizado ingresar el código que deseamos.

3. Para modificar el estilo del Título del Blog se debe trabajar sobre .Header h1.

Acá dejo el código completo del ejemplo que yo usé:

/*---------- Titulo Blog ----------*/ .Header h1 { font-family: "Times New Roman"; font-size: 42px; color: #9EB384; border: 2px solid #435334; background-color: #CEDEBD; text-align:center; }

Y este es el resultado, comparado con el original:

---