Nuevo diseño en Túnel Carpiano

autobombo, blog, blogger, diseño 9 Comments

Como podrás comprobar he cambiado el diseño del blog. Nacho cambió el diseño de EOE y me pasó el enlace de un sitio con plantillas para blogger bastante molón.

Así que me puse en modo culo veo, culo quiero y como hace tiempo que quiero cambiar el aspecto, me lié la manta a la cabeza y me decidí.

Cambiar de diseño en blogger no resulta todo lo sencillo que se puede esperar de entrada, sobre todo tratándose de la plataforma que se vende a sí misma como la más sencilla, resumiendo, el proceso es bastante farragoso.

A continuación relato lo que hice, más que nada para tenerlo apuntando para la próxima vez, a esto lo llamaré “¿Cómo cambiar de plantilla en blogger y no morir en el intento?“:

  1. Sacar una copia de seguridad de la plantilla actual con todos los artilugios widgets o gadgets. Deberás ir a Diseño -> Edición de html y pulsar descargar plantilla completa, el fichero resultantes es un xml. Esto es realmente importante porque en un porcentaje bastante alto de las veces acabas volviendo atrás.
  2. Apuntar en un fichero de texto los artilugios que tenía configurados, ya que al subir la nueva plantilla lo más probable es que se los maje. Luego los puedes reconstruir, pero ahorras tiempo si lo tienes apuntando y vas a tiro hecho. Aparte de tenerlos relacionados es bueno copiar el código de los mismos en caso de que lo permita, o la información básica de configuración en caso contrario.
  3. Tener apuntado el código de servicios como analytics, openid o feedburner si los tuvieras.
  4. Buscar la nueva plantilla, en mi caso en BTemplates, descargarla en un fichero comprimido y extraer el xml.
  5. Tiempo. Si todo va bien, en 15 minutos estará funcionando como la seda. Pero el amigo Murphy dice que nunca irá bien, y es muy posible que te ocupe un rato, en mi caso fueron entre 4 y 5 horas.
  6. Debes saber que algunos artilugios desaparecen incluso al hacer una restauración de la plantilla, por ejemplo la publicidad de AdSense.
  7. Algunas nuevas plantillas entran en conflicto con los artilugios de las plantillas anteriores, mostrando un mensaje de error chungo de Blogger, si te pasa esto deberás eliminar los artilugios uno por uno y después cargar la nueva plantilla.
  8. Ahora deberás descargarte todos los elementos gráficos asociados a la nueva plantilla y subirlos a un sitio en internet que esté bajo tu control, un álbum en tu cuenta de flickr o algún espacio web o ftp. En mi caso los subí a mi cuenta dropbox. No aconsejo usar picasa, porque convierte los ficheros gif con fondo transparente en png con fondo sólido, y eso, a veces, fastidia el diseño.
  9. Modificar el fichero xml de la nueva plantilla sustituyendo los enlaces absolutos anteriores de los elementos gráficos por los nuevos.
  10. Miedo escénico. Este es el momento clave, tienes backups, listado de artilugios, nuevo diseño, tiempo de sobra, elementos gráficos bajo control, plantilla modificada y muchas ganas, te vas a lanzar al vacío. ¿Estás seguro?.
  11. Muy bien valiente, si estás leyendo esto ya puedes subir el fichero xml de la nueva plantilla. Esto se hace desde el mismo sitio Diseño -> Edición de html.
  12. A la hora de subir el fichero lo más probable es que te pida confirmación para eliminar los artilugios, deberás confirmar su eliminación. En caso de que muestre un fallo, deberás volver hacia atrás y borrarlos de uno en uno antes de volver a intentar subir el fichero.
  13. Una vez hecho esto, en teoría, todo el diseño debería funcionar, en teoría. Así que ahora toca limar algunos detalles directamente en el código de la plantilla para que quede como quieras.
  14. Y por supuesto restaurar uno por uno el código de analytics, openid, feedburner y cada uno de los artilugios. Es aconsejable ir haciéndolo de uno en uno, por si se produce algún fallo poder identifcarlo.
  15. Para finalizar, sacar una copia de seguridad de la nueva plantilla y guardarla en lugar seguro.
Ahora ya puedes enseñar orgulloso tu nuevo diseño a compañeros, amigos y familiares, así como sacar el post de rigor explicando tu experiencia.