Plantillas Blogger con error al mover gadgets

Me he decidido a publicar esto porque ya me ha dado demasiado la lata este tema y supongo que a otros también os llevará de cabeza.

El problema que intentamos solucionar hoy se manifiesta cuando desde el apartado Diseño del panel de control de Blogger, intentamos mover un gadget para cambiarlo de posición. Por ejemplo en la barra lateral para cambiar su orden de aparición o también cuando lo queremos cambiar de un bloque a otro.

La cosa es que cuando vamos a guardar los cambios nos salta un mensaje como el siguiente que nos impide guardar los cambios: Se ha producido un error. Actualiza la página e inténtalo de nuevo.

Podemos añadir nuevos gadgets e incluso eliminar los existentes, pero lo que no podemos hacer con ese error es moverlos.

La cuestión es que sin ser un problema grave sí que es un auténtico latazo, ya que esta situación nos obliga a mover los gadgets desde la plantilla, algo que es incómodo y por otra parte, que no está al alcance de todos.

Puede que haya más causas que provoquen este error, pero servidor ha encontrado un par con las que creo que la mayoría salvará sus problemas. Si encuentro/encontramos más causas en el futuro, ya iremos ampliando este post.

Y bien, como conociendo las causas las soluciones suelen ser fáciles de encontrar, pues vamos allá con la primera que es la más habitual y también la más fácil de resolver.

Widget en plantilla normal con un mobile='only'

Título autoexplicativo ¿no?

Las plantillas de Blogger actuales tienen dos partes HTML mellizas (que no gemelas) para generar todo el contenido. Una es para la versión normal y la otra, con menos elementos y gadgets, para cuando el blog se visualiza en dispositivos móviles.

Pues parece ser que a Blogger se le va un poco la pinza cuando a algún gadget de la parte de la plantilla "normal" se le añade ese parámetro de mobile='only' (más información). Se conoce que cuando hacemos eso nos estamos cargando la lógica del sistema, ya que esos parámetros son para los gadgets en la plantilla móvil y si lo ponemos en la plantilla normal no tiene mucho sentido.

Así que lo único que habría que hacer es usar el buscador interno de la plantilla (pinchar en el marco que contiene el código y luego CTRL+F) con el literal mobile='only' y borrarlo de dónde no corresponda. Si tenemos dudas mejor nos liquidamos todos los que aparezcan, que seguro que no metemos la pata.

<b:widget id='HTML1' locked='false' mobile='only' title='Siguenos!' type='HTML'>

Mano de santo, oiga...

Widget importante condicionado para que no aparezca

Este me va a costar más explicarlo bien y sobre todo, dar una solución tan concreta como la anterior, pero lo intentaré con un ejemplo.

Algunas plantillas modificadas incluyen condiciones para conseguir que ciertos elementos (normalmente widgets) no aparezcan o aparezcan en un tipo de páginas sí y en otras no.

Por ejemplo, para que la barra lateral (sidebar) no se vea en portada, el recurso fácil es incluir un apartado en la plantilla con una condición para que se ejecute un CSS modificado de manera que esta se oculte:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <style>
    .sidebar {
      display: none;
    }
  </style>
</b:if>

Para que este tipo de CSS condicionado funcione bien, hay que insertarlo entre el cierre de la parte CSS ]]></b:skin> y el cierre del encabezamiento head (</head>).

Pero a veces tenemos la tentación de ir un poco más allá y, en lugar de ocultarla, directamente nos cargamos toda la parte que genera la barra lateral y así hasta ahorramos tiempo y recursos.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
  <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
      <b:widget id='HTML19' locked='false' title='Botonera social' type='HTML'>...</b:widget>
      <b:widget id='HTML1' locked='false' title=' El tiempo' type='HTML'>...</b:widget>
      <b:widget id='HTML6' locked='false' title='Secciones' type='HTML'>...</b:widget>
    </b:section>
  </div>
</b:if>

La condición en la que hemos encerrado todo ese código hará que la sidebar-wrapper y todo lo que tuviera dentro, no se cargue en la página de portada (sí en todas las demás).

Pues bien, esta segunda opción es la conflictiva, la que provoca que luego en la vista Diseño no podamos mover los gadgets con libertad, así que hay que evitarla si tenemos problemas y preferiblemente usar el primer sistema, el de simplemente ocultar.

No he podido comprobar con qué elementos del blog en concreto ocurre esto, pero parece razonable que la barra lateral, la cabecera, el cuerpo de entradas y el pie de página, todos ellos elementos que aparecen en Diseño, puedan ser origen de problemas si no se cargan en plantilla.

Corolario

No hagamos cosas raras y no sucederán cosas raras.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir

Twitter

Pinterest

Facebook

Linkedin

Copy URL

Compartir

Twitter

Pinterest

Facebook

Linkedin

Y muchos más artículos interesantes si nos sigues en...

• Google
• Facebook
• Twitter