Cómo utilizar un encabezado de fuente personalizado en Blogger

Como Google Blogger, usted tiene acceso a potentes herramientas que le ayudan a personalizar la apariencia de tu blog. La interfaz de Google Blogger ayuda a bloggers modifican las secciones del blog básicos, como los encabezados y pies de página. No se puede, sin embargo, utilizar la interfaz para aplicar los cambios más detallados. Si desea personalizar la fuente de cabecera de su blog, puede usar el poder de Cascading Style Sheets para crear fuentes de cabecera personalizados que aparecen como quieras.

Instrucciones

1 Visita Google Blogger y acceda a su página de cuenta. Sus blogs actuales aparecen en la sección "Mange blogs" de la página.

2 Elija el botón "Ver blog" bajo el nombre del blog que desea actualizar. Blogger muestra el blog.

3 Haga clic en el botón de "Diseño" en la parte superior de la página para ver la página en modo de diseño. la sección "Encabezado" de la página aparece en la parte superior de la página de diseño. Selecciona "Descargar plantilla completa y, a continuación, haga clic en" Guardar "o" Guardar archivo ". La pantalla de texto puede variar según el navegador que utilice. Pulse el botón" OK ". El sitio de copia de seguridad de una copia de su código HTML existente para su custodia.

4 Seleccione el botón "Editar HTML" para ver el editor HTML. Este editor muestra el código HTML que crea tu blog.

5 Haga clic en cualquier lugar dentro del código HTML y pulse las teclas "F", "Alt" y. Se abre el cuadro de texto de su navegador "Buscar". "Tipo: $ (header.font)" (sin las comillas) en la caja de texto y pulse "Enter". Su navegador localiza esa cadena de texto en el código HTML Esta cadena establece la fuente de la cabecera de tu blog.

6 Eliminar la cadena que, "de las fuentes: $ (header.font)," y sustituirla por la siguiente cadena:

:color rojo;

7 Seleccione "Vista previa". Blogger muestra una vista previa de tu blog en una nueva pestaña o en una nueva ventana. El texto en el encabezado del blog aparece en rojo porque lo establece en "rojo". Cerrar la vista previa o pestaña, y volver al editor de HTML. Reemplazar el texto que agregó, "color: rojo," con lo siguiente:

color azul; font-size: 72px; font-family: Arial, Georgia, serif;

Esto cambia el tipo de letra a azul. El atributo de tamaño de fuente, ajuste a "72px", establece el tamaño del píxel de la fuente a 72 píxeles. El atributo font-family, define las fuentes que desea utilizar para la cabecera. La primera fuente, "Arial", es la fuente preferida. Si el navegador del usuario no es compatible con esa fuente, se intenta utilizar la segunda fuente en la lista. Es decir "Georgia", en este ejemplo. El navegador continúa a través de la lista hasta que encuentra una fuente que se puede mostrar. En este ejemplo, el navegador intentará utilizar "Arial" como fuente de la cabecera porque "Arial" es la primera fuente de la lista.

8 Seleccione la opción "Guardar plantilla y haga clic en" Ver blog "para ver su blog. Su fuente de cabecera muestra el color seleccionado. El tamaño de la fuente es de 72 píxeles, y la fuente que se muestra es" Arial "si su navegador es compatible con esa fuente. Su fuente cambios están ahora en directo para el mundo para ver.

Consejos y advertencias

• Si desea restaurar su blog a su aspecto original, volver al blog y haga clic en el botón "Subir" en la parte superior de la página. Se abre una ventana de selección de archivos. Busque el archivo de copia de seguridad que ha guardado y haga doble clic en él para restaurar su blog.
• Pruebe diferentes valores para tamaño de fuente, color y fuente familiar. Cada cambio que haga afecta a la apariencia de su cabecera. Hay otros atributos de estilo se puede utilizar para aplicar una personalización adicional a las fuentes HTML. Obtener información acerca de los visitando sitios tutorial HTML en la Web.