Usar el diseñador de plantillas de Blogger

Blogger, el servicio de alojamiento y publicación de blogs de Google, ha lanzado por fin su anunciado Diseñador de Plantillas. Esta herramienta es útil para tod@s aquell@s usuari@s que quieren personalizar el aspecto de su blog y que no tienen conocimientos de CSS (Hojas de Estilo en Cascada), el lenguaje que se utiliza en Internet para definir cómo se muestra el contenido de las páginas.

Hasta ahora, l@s usuari@s de Blogger sólo disponían de un reducido número de plantillas predeterminadas, más bien sencillas y bastante antiguas, que podían customizar muy ligeramente desde el apartado Diseño de su Escritorio. Aunque el número de plantillas no se ha incrementado excesivamente, sí lo han hecho las opciones que podemos ajustar a nuestras preferencias personales.

Cabe destacar, eso sí, que si ya estamos usando una plantilla alternativa, personalizada por el propi@ usuari@ o descargada de Internet, es muy probable que no podamos utilizar estas nuevas opciones (o sólo una pequeña parte de ellas). En este caso, si queremos cambiar el diseño de algún aspecto de nuestro blog, tendremos que recurrir, como hasta ahora, al apartado Diseño > Edición de HTML, o al nuevo Añadir CSS de la pestaña Avanzado del Diseñador de Plantillas.

Para acceder al Diseñador de Plantillas de Blogger, sigue estos pasos:

• Entra en Blogger con tu nombre de usuari@ y tu contraseña.
• Al llegar al Escritorio, seguramente verás un mensaje que te informe sobre la nueva funcionalidad: ¡Nuevo! Diseñador de plantillas.
• Haz click sobre el apartado Diseño del blog que quieras modificar (por si tienes más de uno).
• Y ahora clica sobre la pestaña Diseñador de plantillas.

ATENCIÓN: Aunque los cambios que vas realizando en tu plantilla no son definitivos hasta que decides aplicarlos, es recomendable usar un blog secundario (o sea, no el blog principal en dónde publicas regularmente) para probar esta funcionalidad, sobre todo, si lo haces por primera vez. De esta manera, si te equivocas y aplicas las modificaciones por error y no te gusta el resultado, no perderás la plantilla original del blog que realmente importa. Si lo prefieres, también puedes hacer una copia de seguridad de la plantilla y el contenido de tu blog principal, para poder restaurar los cambios que hayas hecho y que no te agraden [esto lo explicaremos en una futura entrada].

A continuación, veamos, una a una, las posibilidades del Diseñador de Plantillas de Blogger:

• En el apartado Plantillas, encontraremos los distintos diseños que nos ofrece Blogger. Podemos ver cómo quedarían en nuestro blog con sólo clicar encima de ellos. Fíjate, además, que cada diseño dispone de algunas variantes (que encontrarás justo debajo) que también podemos probar de la misma manera.

• Desde el apartado Fondo, podemos escoger la Gama de Colores Principal de nuestro blog, es decir, el rango de tonalidades que utilizaremos para su diseño. Podemos modificarlo clicando encima y escogiendo el color básico (haciendo click sobre él) en el cual basaremos la gama. También disponemos de Temas Sugeridos, o sea, aquellos conjuntos de colores que Blogger considera que pueden ir bien con nuestra plantilla.

• Dentro de este mismo apartado, también podemos añadir una Imagen de Fondo al blog, es decir, una fotografía que quedará por debajo de las entradas y las columnas laterales del mismo (o, si la plantilla es transparente, de manera fusionada). Las distintas imágenes de fondo que nos ofrece Blogger están clasificadas por tema (abstractas, artísticas, de negocios, de entretenimiento, etc). Para seleccionar una de ellas, simplemente hacemos click encima y presionamos el botón de Finalizado.

• Si queremos restaurar el blog, o sea, borrar los cambios que hemos ido haciendo, sólo tenemos que pulsar sobre Utilizar colores y fondo predeterminados.
  
• El apartado Diseño es, quizás, el más interesante y dispone de tres opciones diferenciadas. El Diseño del Cuerpo del Blog sirve para determinar la posición de las entradas y de las columnas laterales del mismo, así como la distribución genérica de los gadgets (la concreta, la seguiremos estableciendo desde Diseño > Elementos de la Página). Podemos elegir entre un blog sin columnas laterales, con una o con dos columnas laterales, así como la posición de las mismas (a la izquierda, a la derecha o a los dos lados), etc.

• Independientemente del diseño del cuerpo del blog que hayamos elegido, podemos definir cómo será el Diseño de Pie de Página, es decir, el aspecto de la parte inferior del blog. Podemos utilizar un sólo bloque de gadgets, dos o tres.

• La última de las opciones de Diseño nos permite Ajustar el Ancho del Blog Completo (entradas y columnas, con respecto al fondo del blog, es decir, el espacio útil para introducir contenido), de la Barra Lateral Izquierda y de la Barra Lateral Derecha (si sólo tuvieramos una barra o columna, sólo nos permitiría ajustar ésta).
• Podemos borrar nuestros últimos cambios haciendo click sobre Restablecer ancho a los valores predeterminados de la plantilla.

• Y, por último, entramos en el apartado Avanzado. A pesar de su nombre, la mayoría de parámetros de este bloque son fáciles de configurar (tipo, estilo y tamaño de la tipografía, colores de fondo, de los enlaces, etc.). Su presencia o ausencia, así como las opciones de cada bloque, dependerán, eso sí, de las características que hayamos eligido con anterioridad en el resto de los apartados. Por tanto, es una categoría variable.
• En ella, podremos encontrar opciones configurables para el Texto de la Página, los Fondos, los Enlaces, el Título del Blog, el Texto de la Pestaña, el Fondo de las Pestañas, el Título de la Entrada, el Estilo de la Entrada, los Gadgets, el Pie de Página, los Enlaces a Pie de Página, y los Acentos. [Haz click aquí para ver las capturas de pantalla]
  
• Al final de la larga lista, encontraremos la opción Añadir CSS, que nos permitirá realizar modificaciones adicionales como, por ejemplo, añadir una imagen personalizada al fondo, centrar el título del blog, etc. Blogger nos ofrece una pequeña guía sobre cómo realizar estos cambios, pero la utilización de este apartado es sólo recomendable para aquell@s usuari@s que conozcan este lenguaje.

• Finalmente, comentar que clicando sobre Mostrar Vista Previa, veremos una vista completa de cómo quedaría nuestro blog con los parámetros que hemos ido escogiendo, y que, para volver a ver las opciones del diseñador de plantillas, sólo tendremos que clicar sobre Mostrar Controles.

• Cuando estés satisfech@ con tu nuevo diseño, no olvides hacer click sobre Aplicar al Blog.