Blogger: uso MORE y la sidebar se va de paseo

Las preguntas sobre la nueva opción de MORE o Leer Más de Blogger se suman día a día. La mayoría de las veces dicen:

"Agrego el more en un post y todos los gadgets de la sidebar desaparecen y se me mueven debajo del post."

Mi respuesta ante esto ha sido siempre la misma "muéstrenme el ejemplo con el error" algo difíciil de hacer ya que significa tener un blog semi-destruido pero no hay otra posibilidad de respuesta excepto la que da la misma entrada:

"... si lo hacemos en el modo Redactar, podemos "romper" alguna etiqueta HTML y dejarla sin cerrar lo que hará que el blog se muestre mal ..."

Estoy seguro que en la enorme mayoría de los casos, el problema es ese así que veamos si podemos explicarlo mejor.

No se trata de un error del MORE o de Blogger (bendita sea) sino que es algo que ocurrirá siempre con cualquier sistema automático: los sistemas no piensan, no deben hacerlo. No pueden deducir qué queremos hacer y corregir nuestros propios errores. El mismo problema ocurrirá si usamos el viejo sistema de Posts Expandibles o el MORE en WordPress. Todo se reduce a ¿DÓNDE COLOCAR EL MORE?

Este "corte" del post es "invisible" si usamos el Modo Redactar del editor. Un ejemplo:

Ahí, usando el nuevo editor, escribí un texto, lo formateé, coloqué negritas y colores, lo alineé, etc. Satisfecho con el resultado, voy a colocar el MORE separando los dos párrafos:

Publico y ohhhhhhhhhhhhhhhhhhhhhhhhh la sidebar se fue al demonio. Debería verse así pero se ve esto cuando ingreso al home ¿Qué hice mal?

Miro el post utilizando el modo Edición de HTML:

La respuesta está allí: LA ULTIMA ETIQUETA HTML ABIERTA DEBE SER LA PRIMERA EN SER CERRADA. Y aquí, ese MORE está en medio de un DIV o un párrafo P o tal vez en cualquier otra etiqueta ya que al editor no le importa ese detalle, no puede saber lo que queremos hacer, sólo agrega: <!-- more --> allí donde le decimos que lo haga y le estamos diciendo que corte la etiqueta por la mitad con lo que quedará abierta y el resto de la página se trastocará con resultados imprevisibles.

Esto es un error:

<div style=" ....... ">
....... cualquier contenido .......
<!-- more -->
....... cualquier contenido .......
</div>

Y esta sería la forma correcta de agregar el MORE:

<div style=" ....... ">
....... cualquier contenido .......
</div>
<!-- more -->
<div style=" ....... ">
....... cualquier contenido .......
</div>

Moraleja: Si se usa este sistema, siempre debería mirarse el código HTML para verificar que no lo coloquemos donde no debemos.

A mi entender, de existir un botón para esto, no debería estar en el Modo Redactar porque sólo genera problemas.