Blogger pre-configura el aspecto de nuestras páginas a través de los temas, las cuales hemos visto como configurar desde del menú Tema. Este método nos permite personalizar bastante el aspecto de nuestro blog. Pero si queremos ir mas allá, requerirá que visitemos en las entrañas del código que construye nuestras páginas.
Como estos tutoriales están diseñados para principiantes, solo vamos a dar unas guías para llegar al sitio adecuado, quedando a la responsabilidad de cada uno las acciones que llevemos a partir de ahora.
Aviso: si nos confundimos a la hora de escribir/pegar código en la hoja CSS podemos dejar inutilizada la plantilla del blog. Esto no destruiría la información que tenemos almacenada en él, pero probablemente nos obligará a partir de una plantilla limpia, comenzando desde cero el proceso de personalización. Para evitar esto, no estaría de más que hiciéramos una copia de seguridad de nuestra plantilla personalizada antes de empezar.
Si en algún momento queremos añadir un estilo CSS a nuestra plantilla de blogger (formato de tablas, imágenes,...) el proceso es sencillo:
- En el menú de configuración de nuestro blog, entramos en la opción Tema
Menú Tema - En la parte superior derecha, veremos un menú señalado con tres puntos en vertical. Al hacer clic en él, vemos varias opciones. Escogemos la opción copia de seguridad
Menú de edición de la plantilla - Nos dará la opción de descargar nuestra plantilla (advirtiendo que no guarda todo, algunas cosas, como gadget, pueden quedar fuera.
- Si en algún momento la fastidiamos y necesitamos recuperar la plantilla del blog, ese archivo nos lo permitirá, a través de otra opción de este menú de la plantilla: restaurar
- Con la copia de seguridad hecha y guardada, podemos empezar a tocar cosas: vamos a la opción editar HTML
- Se nos abre la plantilla de nuestro blog, con las instrucciones en HTML que configuran cada una de las partes del blog. Con los conocimientos adecuados, puedes cambiar cualquier cosa de tu blog para ponerlo a tu gusto. Pero eso no es el objeto de esta entrada.
- De los cientos (o miles) de lineas que forman la plantilla, debemos buscar dos, ya que los estilos que deseemos añadir a blogger se deben alojar en la cabecera de la página. Y las etiquetas que marcan la cabecera en HTML son <HEAD> y </HEAD>
Etiqueta <HEAD> al comienzo de la página. Comienza la cabecera 
Etiqueta </HEAD> bastante mas abajo. Aquí acaba la cabecera - Una vez localizadas, pegaremos el código style justo antes del fin de la cabecera (antes de </HEAD>
Código style añadido justo antes de </HEAD>. Corresponde al formato de las celdas de una tabla - Le damos al botón guardar, abajo. O a deshacer si no estamos seguros de lo que hemos hecho. También hay un botón de vista previa
Menú guardar/descartar/vista previa - Ya podemos disfrutar de la personalización de nuestro blog. Cuidado, no siempre es evidente. En el ejemplo usado en esta guía, con el formato de una tabla, dicho formato no se ve mientras se construye la tabla en el editor de entradas. Pero luego, al publicar la entrada en el blog, sí que esta usa el estilo que hemos añadido a la plantilla (si hemos usado bien los códigos de estilo)
Plus: TOC en Blogger
No hay comentarios:
Publicar un comentario