El PulsoTech estrena Blogger Builder, un estudio gratuito para crear y personalizar plantillas de Blogger desde el navegador. La herramienta reúne cuatro bases, 27 estilos —incluidos tres diseños Premium—, vistas para ordenador y móvil, edición del XML y proyectos que puedes guardar para continuar otro día.
Una plantilla determina cómo se presenta una web: el nombre de la cabecera, la distribución de las noticias, las imágenes, los menús y el espacio que necesita cada artículo para leerse con comodidad. Elegirla puede resultar sencillo; adaptarla al proyecto suele requerir más trabajo. Con Blogger Builder, queremos acercar ese proceso a una interfaz en la que puedas elegir, ajustar y comprobar el resultado antes de descargar el archivo.
La herramienta ya está disponible en nuestra web, en español e inglés, y no exige registrarse ni conectar una cuenta de Blogger para generar una plantilla. Está pensada para quienes quieren renovar su espacio, preparar el diseño de una nueva publicación o comparar distintas posibilidades sin empezar cada cambio desde cero. Los estilos son puntos de partida: después puedes modificar los elementos que ofrecen los controles y llevar el resultado a tu propio blog.
Abrir Blogger Builder: crea y personaliza tu plantilla gratis →
Cuatro bases para distintas formas de publicar
El catálogo parte de cuatro estructuras: Noticias, Revista, Minimalista y Aurora Neón. La elección afecta a la presentación del contenido y ayuda a decidir qué protagonismo dar a la portada, las tarjetas y la lectura. No necesitas quedarte con el aspecto inicial de una base: los estilos y los ajustes permiten adaptarla a los colores y a la personalidad de tu web.
Noticias propone una portada con una entrada destacada y tarjetas para recorrer la actualidad. Puede servir como punto de partida para una publicación que quiere mostrar varios contenidos a la vez y mantener a mano sus categorías. Revista da más protagonismo a la composición editorial y a las imágenes, con una presentación pensada para explorar los artículos desde una portada visual.
Minimalista utiliza una lista centrada en la lectura. Es una alternativa para quien prefiere dar prioridad al título, al resumen y al contenido de cada entrada. Aurora Neón incorpora líneas luminosas y acabados de aspecto tecnológico, con propuestas oscuras y claras. Elegir una estética de neón no obliga a utilizar todos sus colores: también puedes ajustar la paleta desde la sección de personalización.
27 estilos, con una sección Premium también gratuita
La primera versión ofrece 27 estilos iniciales. El catálogo incluye opciones de aspecto editorial, porcelana, papel, tonos oscuros, composiciones limpias y combinaciones de azul, violeta o colores naturales. Puedes elegir un estilo y seguir cambiando sus ajustes: la selección inicial no convierte la plantilla en un diseño cerrado.
Además, hemos añadido un botón Premium para localizar directamente tres propuestas con una composición más elaborada. Horizonte combina imagen y texto en una portada dividida; Atelier utiliza una presentación editorial, con tipografía de revista y una imagen destacada; Obsidiana ofrece una estética oscura, con acentos luminosos y una portada de aspecto tecnológico.
La palabra Premium identifica esos diseños dentro del catálogo: también son gratuitos. Desde su ventana de selección puedes aplicar una propuesta y comprobar cómo cambia la demostración. El selector general sigue disponible para recorrer todos los estilos y comparar una alternativa con otra. Así puedes empezar por la apariencia que más se acerque a tu idea y después afinarla.
Un espacio para elegir, personalizar y ver el resultado
La interfaz organiza el trabajo en secciones: base y estilo, cabecera, portada, entradas, colores y fuentes, menú y pie, espacios de publicidad y XML editable. La idea es que encuentres los controles por su función, sin tener que localizar cada elemento dentro de un archivo largo de código. El diseño seleccionado queda señalado para distinguirlo de las otras opciones.
La vista previa acompaña la personalización. Puedes cambiar un valor y observar su efecto sobre la demostración, y después pulsar Generar plantilla para preparar el XML que corresponde a tus ajustes. Cuando hay cambios pendientes de generar, la copia y la descarga permanecen bloqueadas hasta preparar de nuevo el resultado. Eso ayuda a evitar que te lleves un archivo anterior pensando que ya incluye la última modificación.
Tu nombre, tu logotipo y una cabecera propia
En la cabecera puedes escribir el nombre de tu web, añadir una descripción breve bajo el título y elegir el idioma de la plantilla. También puedes mostrar u ocultar el buscador. Son decisiones pequeñas que cambian la presentación de la página y permiten adaptar una base genérica a un proyecto con identidad propia.
Si tienes un logotipo, puedes seleccionar un archivo PNG, JPEG o WebP. La herramienta lo procesa en el navegador, lo ajusta y lo incorpora al XML. No tienes que subirlo a un servicio de imágenes del generador. También hay una opción para borrarlo si quieres comparar la cabecera con y sin imagen o elegir otro archivo. Conviene utilizar un logo legible tanto en una pantalla amplia como en un teléfono.
Colores, fuentes y distribución adaptados a tu web
El panel de colores permite cambiar el color principal, el secundario, el fondo de la web, el fondo de las tarjetas y el texto. También puedes elegir una fuente del sistema, modificar el radio de las esquinas y probar acabados como una sombra suave, un brillo discreto o líneas. Estas opciones permiten pasar de una apariencia sobria a otra más visual sin abandonar la misma base.
En la portada puedes ajustar el ancho del contenido, elegir el número de columnas cuando la estructura lo admite y mostrar u ocultar la barra lateral. La base Minimalista mantiene su planteamiento de lista. En móvil, las bases se adaptan a una columna para facilitar la lectura. La apariencia final también depende de tus textos e imágenes: un título breve y una fotografía horizontal ocupan el espacio de forma distinta a un titular largo o una imagen vertical.
Los controles ofrecen libertad para personalizar, pero la elección debe seguir siendo legible. Antes de dar por terminado un diseño, revisa que el texto se distinga bien del fondo, que los botones sean fáciles de reconocer y que los títulos no necesiten demasiado espacio. La vista previa ayuda a comparar esas decisiones con una demostración visible.
Portada, entrada y página: tres vistas para comprobar el diseño
La herramienta no se limita a enseñar la portada. El selector de vista permite alternar entre una página principal, una entrada y una página estática. Cada una muestra contenido de ejemplo para comprobar la distribución, los encabezados, el tamaño del texto y el espacio disponible. Esto resulta útil porque una portada atractiva no basta si después el artículo es incómodo de leer.
Puedes cambiar entre ordenador y móvil, y ampliar la demostración para verla con más detalle. La vista de ordenador se reduce cuando necesita caber dentro del panel; la ampliación permite examinarla mejor. Las imágenes y los artículos de esa simulación son ejemplos. Al instalar el XML, Blogger aporta las entradas, páginas y comentarios reales de tu blog: no se publican los contenidos de muestra.
Opciones para las entradas, el menú y el pie
En las entradas puedes ajustar el tamaño del texto y decidir si quieres mostrar fecha y autor, las etiquetas y los comentarios de Blogger. Mantener las etiquetas visibles ayuda al lector a reconocer a qué temas pertenece un artículo y a explorar otros contenidos relacionados. La configuración del propio blog sigue determinando quién puede comentar y cómo se gestionan los comentarios.
El menú admite enlaces personalizados. Puedes preparar accesos a categorías, contacto, páginas informativas u otras secciones que ya existan en tu web. Los enlaces de ejemplo deben sustituirse por destinos reales antes de instalar la plantilla. También puedes modificar el texto del pie y elegir si muestras el pequeño sello de diseño enlazado. En las plantillas de Blogger Builder, retirarlo no inutiliza la plantilla.
Generar, editar y descargar el XML
El resultado se entrega como un archivo XML para Blogger. Puedes copiarlo, descargarlo y abrirlo en un editor si necesitas revisar el código. Dentro de la herramienta también hay un área de XML editable para quien quiera hacer un cambio manual. La comprobación del archivo detecta errores de estructura y bloquea la descarga de un XML que no esté bien formado.
Hay una diferencia importante entre los ajustes visuales y la edición manual: la vista previa simula la configuración del generador y no ejecuta el código que escribas directamente en el XML. Por eso, un cambio manual debe comprobarse después en Blogger. Si vuelves a generar desde los ajustes, se prepara un nuevo archivo y la herramienta ofrece una copia recuperable del código manual anterior.
Guardar un proyecto para continuar otro día
Además de descargar la plantilla, puedes guardar el proyecto. Ese archivo conserva la configuración para importarla más adelante y continuar trabajando. Es útil si quieres comparar varias propuestas, hacer una pausa o pasar el proyecto a otro dispositivo sin volver a introducir cada color, texto y enlace.
Blogger Builder puede recuperar sus propios proyectos y también importar XML generado por la herramienta. No convierte automáticamente plantillas de otros autores en controles editables. Si quieres conservar un trabajo, guarda el archivo del proyecto y el XML final: cumplen funciones distintas. El primero te permite regresar a los ajustes; el segundo es la plantilla preparada para instalar.
Espacios para publicidad, sin anuncios insertados por el generador
Para quienes necesitan organizar la monetización de su web, el estudio ofrece zonas vacías de publicidad en la cabecera, el lateral y antes del pie. Se preparan como áreas que puedes configurar desde el apartado Diseño de Blogger. El generador no añade anuncios, campañas ni códigos publicitarios de terceros al XML descargado.
La zona lateral necesita que la barra lateral esté activa. Después corresponde al responsable del blog introducir el código adecuado y comprobar cómo se presenta en su plantilla. El espacio reservado no garantiza la aceptación de una empresa publicitaria ni convierte un anuncio en adaptable: el formato y sus condiciones dependen del proveedor que elijas.
Antes de instalar: guarda una copia de seguridad
Antes de sustituir tu plantilla actual, descarga una copia de seguridad del tema de Blogger y guárdala en tu dispositivo. Es el primer paso que indicamos en la herramienta y también aparece junto al área de descarga. Tener esa copia te permite conservar el diseño anterior mientras compruebas una propuesta nueva.
- Haz la copia de seguridad de tu tema actual y conserva el archivo.
- Elige una base, aplica un estilo y personaliza nombre, colores, menú y opciones.
- Revisa portada, entrada y página en las vistas de ordenador y móvil.
- Pulsa Generar plantilla, descarga el XML y guarda también el proyecto.
- Instala el archivo desde Tema → Restaurar en Blogger, preferiblemente primero en un blog de pruebas.
- Comprueba tus entradas, páginas, imágenes, categorías, buscador, comentarios y gadgets con el contenido real.
Las cuatro bases se han instalado en un blog privado de pruebas y se han comprobado sus funciones principales. Los diseños Premium también se han revisado en la vista previa y generan XML bien formado. Esa revisión no sustituye la comprobación en cada blog: el contenido, los gadgets y los cambios manuales pueden alterar el resultado.
Una herramienta gratuita que seguirá creciendo
Blogger Builder amplía nuestras herramientas para quienes mantienen una web y quieren controlar su presentación. Se suma a Webmaster Tools, donde puedes preparar calendarios, relojes, botones y otros recursos. En este nuevo estudio, el objetivo es trabajar sobre la plantilla completa y conservar un proyecto que puedas seguir editando.
Iremos añadiendo más plantillas y estilos para ampliar las posibilidades del catálogo. Puedes empezar con los diseños actuales y contarnos qué presentación te gustaría encontrar: una portada de noticias, una revista visual, un espacio centrado en la lectura o una estética tecnológica. Las propuestas de los usuarios nos ayudarán a decidir qué opciones resultan más útiles.
Prueba Blogger Builder y diseña tu próxima plantilla →
Si quieres seguir las próximas incorporaciones y las novedades de nuestras herramientas, puedes encontrarnos en X, @Elpulsotech. Y recuerda guardar el proyecto: así podrás volver a tu diseño cuando quieras continuar.