Refaccionando la "casa digital"

Verán que tenemos "cara nueva" en el blog.

Pero no fue a propósito ni un cambio planificado. Si bien hace tiempo quería modificar el template en términos de estructura, todo se precipitó hace tres días por unas pruebas que estaba haciendo y ... horror de horrores. Perdí todo el código interno de los Widgets y extensiones adicionales. A quienes usen Blogger y utilicen un template no estándar, les recomiendo que sean cuidadosos en la modificación y pruebas. Además de que generalmente uno no lleva un registro de todos los pequeños cambios con los cuales uno "tunea" permanentemente su blog (han escuchado antes el concepto de "backup" :-)

Si bien la nueva versión de Blogger permite en forma simple manipular y respaldar el XML extendido del template, no permite en forma sencilla respaldar los contenidos de los Widgets. El cuidado que hay que tener es que al hacer un upload de un template modificado, si no se mantienen las referencias de los Widgets utilizados, Blogger los eliminará (sí, es cierto que fui advertido por Blogger... pero además uno es porfiado). Créanme ... ver el blog en "obra gruesa" y sin terminaciones, da por lo menos tristeza. Y pánico. :-)

Update: En cuanto a la forma global y la combinación de color, sigue la base del template Rounder de Blogger modificado a 3 columnas por Hoctro y de ahí en adelante... cosecha de este autor. Originalmente la reconstrucción había sido siguiendo el template de 3 columnas de Hoctro, pero el comentario de Chubasco en este post sobre la "pobreza del diseño" (Gracias Mauricio! :-) me dejó lo suficientemente "picado" como para buscar y seleccionar este nuevo template creado por Ashwini Khare. No obstante, igual le metí mucha mano al template, modificando los CSS y el XML. Entre otras gracias, el template lo optimicé para resoluciones de 800x600 hacia arriba, permite resizing de ventana y adaptación dinámica de contenedores. El tema de 800x600 no es menor. Aproximadamnte un 25% de mis visitantes tienen esa resolución, especialmente quienes vienen de México y Centroamérica. (Especiales saludos a los alumnos de la Escuela de Periodismo Carlos Septién García de México, dado que mi artículo sobre Informática y Computación forma parte de su malla. Gracias!)

Una de las modificaciones que hace tiempo tenía en mente era pasar la columna derecha "más delgada" hacia el lado izquierdo. Imaginaba que ese paso debería ser algo relativamente simple, pero cuando me puse manos a la obra, me di cuenta que era una modificación estructural no tan sencilla. Es equivalente a modificar las columnas de carga en un edificio ya construido. Ups. Además de las decenas de pruebas jugando con los CSS y el alineamiento de los paneles, modificando márgenes, las propiedades de tipo "float y align" y dimensiones absolutas y porcentuales, lo más complicado fue la edición correcta del XML, incluyendo las anidaciones y que no se te queden "cosas fuera", por ser un cambio estructural mayor.

Partí editando el XML "a lo bestia" (es decir, con un simple editor de texto), pero después de varias horas deseché la idea, no sólo por el desgaste, sino porque es muy fácil cometer errores de edición y se requiere manejar en forma correcta los identificadores de secciones.

Así que en esta "obra de reconstrucción digital", me vi obligado a encontrar primero una buena herramienta de edición de árboles XML, idealmente con interfaz Drag and Drop. No es posible enfrentar una obra de reconstrucción con un simple martillo y un serrucho, así que hay que utilizar la herramienta adecuada y que te acomode. Después de bajar y probar varias herramientas, finalmente me quedé con EditiX, una excelente herramienta en Java que permite edición directa, despliegues gráficos y Drag and Drop del árbol.

Y aquí estamos. Mucha prueba y error, y finalmente tenemos una nueva cara.

Como en toda casa nueva, seguiremos incorporando terminaciones, arreglando un poco el papel mural, "adquiriendo nuevos muebles" y lo más importante ... seguir incorporando artículos.

Si tienen alguna observación, comentario o mejora, son agradecidos y bienvenidos.

Stay Tuned!