Como usar correctamente el Leer más (More) en Blogger

Son muchas las personas que me solicitan ayuda últimamente para resolver el mismo problema: la sidebar sin motivo aparente se ve debajo de las entradas.

Esto puede ser causado por diferentes motivos, aunque en estos últimos días el problema común parece ser el uso de la "Leer más" o More que Blogger ha incluido en su nuevo editor.

El problema está en que el nuevo editor de Blogger incluye la opción de Leer más para ser usada desde la pestaña de Redactar, así que una vez hemos formateado la entrada a nuestro gusto, incluimos el More donde mejor nos parece y le damos a "Publicar entrada", podríamos llevarnos la desagradable sorpresa de encontrar que nuestra sidebar se "ha venido abajo".

Para solucionar esto una vez preparada nuestra entrada (antes de publicarla), debemos comprobar desde la pestaña Edición de HTML de nuestro editor que el More está bien colocado.

Ejemplo:

Supongamos que queremos publicar una entrada donde el texto de la misma vamos a mostrarlo centrado.

Una vez la hemos redactado seleccionamos el texto, lo centramos con el botón del editor e incluimos el Leer más o More, desde la pestaña Redactar del editor en la que estamos la entrada se vería como esta:

Todo parece estar correcto, pero si observamos la misma entrada desde la pestaña Edición de HTML, veríamos entonces algo como esto:

Vemos entonces que el Leer más o More, está "cortando" el div que hemos colocado para centrar el texto de la entrada, así que si diéramos a Publicar entrada en este momento con toda probabilidad la sidebar se "vendría abajo".
La forma de solucionar esto, sería volver a la pestaña de Redactar y centrar los dos párrafos o partes de la entrada (la que irá antes del More y la que irá después) por separado.
Volvemos entonces a mirar la entrada desde Edición de HTML y tendríamos que ver algo así:

El More ya no está "cortando" el div y  podremos publicar la entrada entonces sin temor a encontramos con el problema en la sidebar.

Pensad que esto podría suceder con cualquier etiqueta de las que habitualmente usamos en las entradas y no solo con los div, cualquier etiqueta que se abra antes de la colocación del More, también debe ser cerrada antes del mismo.

Si aún necesitáis una explicación más completa o no habéis entendido la mía, esta fantástica entrada de Vagabundia estoy segura que os ayudará a despejar cualquier duda al respecto.

Problema en "Diseño" del panel de Blogger

Llevo varios días recibiendo consultas sobre un problema aparecido en la parte de Diseño (añadir elementos de página) del panel de Blogger.

En todos los casos que me han consultado e incluso en el mio propio, los elementos de Diseño aparecen centrados, aunque esto no implica para nada a la vista "real" del blog o a su funcionamiento, ha provocado la alarma en muchos usuarios.

Parece ser que el error solo afecta a las plantillas con cambios en su diseño (customizadas), en el caso de las plantillas originales de Blogger sin cambios de diseño posteriores a su instalación, esto no sucede.

En el caso del Escaparte, así es como aparecen desde hace días los elementos de página:

Desde Known Issues for Blogger (Problemas conocidos por Blogger) informan a los usuarios del fallo y comentan que están investigando la causa para tratar de solucionarlo:

Saturday, November 07, 2009

"Layout" rearranging for users with customized templates is currently broken. We are investigating the issue.

¡Paciencia una vez más!

Actualización:

Parece ser que el equipo de Blogger ya ha solucionado el tema del error en Diseño.
En mi caso todo ha vuelto a la normalidad y me sigue llegando confirmación de que ha sido solucionado en otros casos que tenían el mismo problema.

Gadget para Twitter

Me he encontrado en kadazuro blog con este gadget diseñado en flash para mostrar los updates de Twitter en el blog.

Muestra nuestro avatar de Twitter y además mediante las flechitas que tiene incorporadas podemos ir retrocediendo a updates anteriores.

Para colocarlo solo tenemos que copiar y pegar el código en un gadget HTML aunque funciona perfectamente en las entradas, como podéis comprobar aquí mismo:

[1] Este es el código que deberemos copiar y pegar donde vayamos a mostrar el gadget:

<object width="170" height="140" bgcolor="#FFFFFF">
<param name="movie" value="http://kadazuro.com/twitter/twitterReader.swf?userId=RosaTorre&mainColor=0x336699&fontColor=0xFFFFFF&dateColor=0x336699&layoutMode=left">
</param>
<embed src="http://kadazuro.com/twitter/twitterReader.swf?userId=RosaTorre&mainColor=0x336699&fontColor=0xFFFFFF&dateColor=0x336699&layoutMode=left" type="application/x-shockwave-flash" width="170" height="140" bgcolor="#FFFFFF">
</embed>
</object>

[2] Modificaciones que podéis hacerle de forma manual:

userId=RosaTorre Cambiáis RosaTorre que es mi nick de Twitter por el vuestro. Fijaros que habréis de hacerlo dos veces.

mainColor =0x336699 Cambiáis por el código del color que queréis que tenga el la burbuja donde van incluidos los updates. Fijaros que tendréis que hacerlo sin tocar el 0x que está pegado al código del color.

fontColor=0xFFFFFF El color del texto de los updates, tendréis que respetar igual que antes el 0x previo al código del color.

dateColor=0x336699 El color del texto con la fecha de los updates.

bgcolor="#FFFFFF" El color de fondo del gadget.


[3] Las mismas modificaciones anteriores, pueden hacerse de forma automática desde el blog del creador del gadget a través de un generador incluido en la entrada de presentación del gadget.