Solucionar problema de las Vistas Dinámicas de Blogger

En este artículo encontrarás la solución a uno de los problemas más habituales de Blogger, que la plantilla de Vistas Dinámicas no carga bien cuando haces cambios en el CSS y se muestra en color gris con el formato básico. Esto se debe a que cuando nuestro blog no carga de forma rápida el ordenador deja de lado las instrucciones del CSS, así que aquellos lectores que tienen una conexión más lenta no verán bien tu blog. ¿Tienes otro problema diferente con la plantilla de Vistas Dinámicas? Deja un comentario explicándolo y veré si es algo que se puede solucionar.

1. Problema con la carga de los CSS.

Al principio, cuando creas el blog y no hay casi información es muy raro que se de el problema y todo carga bien. Pero a medida que tu blog crece en tamaño empezarás a ver que algunas veces no carga tal y como lo diseñaste produciendo dos problemas.

• No se ve el menú, de forma que no se puede navegar bien por el blog.
• Cambian los colores, tipos de letra y otras cosas que hayas personalizado en el código CSS del blog, algo que hace que tu blog se vea feo.

La solución. A nivel individual si te pasa esto mientas navegas puedes usar Control+R para volver a cargar la página hasta que el CSS cargue bien y puedas verla con normalidad. Pero esto además de ser incómdo e innecesario no lo sabrán todos tus visitantes, así que lo mejor es arreglar la plantilla del blog y dar una solución permanente. ¿Cómo? Tienes que entrar en la plantilla del blog (copia de seguridad si no estás seguro de lo que haces) bajas hacia el final de la plantilla y buscas un código que dice.

setTimeout(function() {

blogger.ui().configure().view(); }, 0);

Y cambias el número 0 por otro más alto, por ejemplo 500, 800 o 1000; y así le estarás dando ordenes de que tenga paciencia y se espere un poco para cargar bien toda la página. El valor 500 corresponde a medio segundo y 1000 es un segundo entero, tiempos que suelen ser suficientes para que se muestre bien el blog. Con estos valores la cantidad de fallos se suelen reducir a casi 0, aunque puede ser que a alguna persona no le cargue bien si su conexión a Internet es muy lenta. Otra cosa que se aconseja es revisar que la velocidad de carga del blog no se incrementa, pues entonces es probable que vuelvan a aparecer los mismos problemas. La solución la encontré aquí.

Efectos secundarios. Durante esos 500, 800 ó 1000 milisegundos que tarda en cargar la hoja principal de nuestro blog, aparecerá otra pantalla que en principio vendrá en color blanco, aunque también se puede escribir allí algún texto (sin formato).

2. Corte de palabras.

Otro de los problemas que hemos visto con estas plantillas es que las palabras se cortan por la mitad, en vez de quedar justificadas a los dos lados. De momento Google no ha dado ninguna forma de apañar-lo. Lo único que hay que hacer es copiar una línea de código CSS dentro del blog. Hay que abrir el Editor de personalización de la plantilla. Ir a las Propiedades Avanzadas y en el apartado de CSS se añade el siguiente código.

.article .article-content { word-break: normal !important; }

Da igual si se copia al principio o al final, siempre que no se mezcle con otros códigos. Se supone que en Blogger están haciendo cambios para que vuelva a estar todo normal, pero mientras lo solucionan tenemos un parche para que no se vea mal el texto de nuestro blog.

3. Enlaces a las plantillas dinámicas.

Hasta 2013 era posible enlazar las plantillas dinámicas desde una plantilla normal de Blogger. Era algo práctico porque te permite tener un blog convencional y además una presentación más atractiva para los lectores que así lo deseen. En este mismo blog escribí una entrada explicando como enlazar la página, pero ya no sirve. Pero ya no se puede. Por algún motivo han cancelado esa opción. De momento no tenemos solución a este problema, si en algún momento la encuentro la colgaré aquí.