Entradas
Actualizaciones en lo que va del tiempo:
lunes, 8 de diciembre de 2008
Nuevo diseño del blog (y solución de problemas al subir una nueva template)
Publicado por Esteban Cid a las 22:45Como verán, estrenamos nueva decoración • Los/las "habitués" habrán visto esta semana que el Blog parecía tierra arrasada • Acá les cuento qué me pasó y cómo lo solucioné
Hace un tiempo que ya venía sintiendo que me tenía cansado el diseño anterior. Me había bajado hace mucho algunas plantillas (o "templates") que no provee Blogger, sino programadores particulares. Me interesaban, fundamentalmente de dos clases: de tres columnas (como esta que finalmente quedó) y las que poseen pestañas de vínculos, que se abren como marcos o nuevas páginas (algo más parecido a un "sitio web"). Si ponés "blogger templates" o "plantillas para Blogger" en Google te van a salir miles de lugares en donde ver y descargar la que más te guste.
Nunca las había subido por miedo a lo que finalmente pasó: que se descuajeringara todo. En mi única (y espero que última) experiencia al respecto, Blogger no guardó adecuadamente la copia de seguridad de la plantilla que tenía, con lo cual, perdí todo lo extra, que no sea las entradas en sí y alguna que otra cosa. El problema estuvo en los "gadgets" o "artilugios", es decir, en todas las cositas que se ponen desde la sección Elementos de página (todo lo que no sea una "entrada") y que, como resalta a simple vista, yo uso bastante. La cuestión fue, básicamente, que Blogger reconoció muy poquitos y sencillos artilugios, y perdió los datos de casi todo: encuestas, textos, elementos HTML/JavaScript de terceros, etc.
Cuando empecé a subir las nuevas plantillas, para ver cuál me gustaba, comenzaron los problemas: me avisaba que entraban en conflicto tal y cual artilugios y que había que eliminarlos. Yo tenía mi "copia de seguridad", que se supone que es eso: un plan B para volver a lo que tenías por si metés mano muy a fondo. Así que con el "antídoto" en el bolsillo le mandé Aceptar, Aceptar y Recontraaceptar, cuantas veces me lo preguntó. Y cuando finalmente me gustó una, las cosas estuvieron fatalmente borradas y, al subir la "copia de seguridad", tampoco las re-reconocía. Conclusión: se había perdido todo.
En un desesperado intento dejé las plantillas "especiales" y probé con alguna de las que Blogger te da, a ver si con ese formato "oficial" me permitía recuperar la copia de seguridad. Por esta razón, los que entraron en estos útimos días vieron la plantilla Mínima Stretch en colores amarillos, y habrán notado que había desaparecido todo, o que quedaban solamente los títulos de las cosas, en blanco.
El trabajo fue arduo, una reconstrucción artesanal. Si te llega a pasar alguna vez, sabé que es reversible, pero tenés que actuar dentro de los días siguientes al problema y casi, casi, dedicado en tiempo completo (por eso aproveché el sábado). Dependiendo de cuan hábil seas para manejarte con estos menesteres, y cuántas cosas tengas que recuperar, puede llevarte una tarde completa. Antes que esto, obvio, pensé en cerrar definitivamente el blog -ya está: etapa cumplida, me dije), abrir uno nuevo, pasarme a WordPress (a veces, el enojo extremo hace que abandonemos el primer amor), o ver qué opciones gratuitas para alojar sitios web encontraba... Pero a las pocas horas (o días), había madurado una especie de razonamiento del tipo Un simple problema de programación no me va a ganar, así que empecé a buscarle la vuelta...
No probé abrir el archivo de copia de seguridad que creó Blogger (un XML) con algún editor web porque di por descontado que tenía errores, así que finalmente la forma como se me ocurrió probar, y con que finalmente reparé el inconveniente fue la siguiente:
1) En Google busqué Un blog de variedades y, en lugar de abrir el vínculo directamente (que me hubiera devuelto el blog tal y como estaba, es decir, con esa "plantilla de emergencia" que había dejado), abrí "En caché", con la esperanza (tal como ocurrió) de que Google no actualizara tan a menudo -como dicen- los miles de millones de sitios que tienen indexados. Con ello, logré entrar en el viejo Blog, tal cual se veía (también me hice de la opción "Sólo texto", por las dudas)
2) Cuando estuve en el viejo blog, abrí el viejo y querido código fuente (en el navegador que uses, IE o FF, menú VER), ese que es un quilombo pero, a la postre, es el núcleo duro de todo esto
3) Subí la plantilla que quería (finalmente, esta) en las ruta Diseño > Edición de HTML, tal como alguna vez conversamos, y empecé a agregar todos los widgets nuevamente, sin necesidad de volver a buscar todos los sitios de donde tomé elementos (códigos) generados por mí. Simplemente, busqué en el código fuente de la página vieja, la sección donde estaba cada uno, y copié y pegué en el elemento vacío que ahora estaba creando. Pongamos, omo ejemplo, el relojito que dice "Ramos Mejía", al comienzo de este y el anterior diseño del Blog. Eso es un añadido JavaScript, sacado de no me acuerdo dónde, con no sé qué usuario. O me inscribía de nuevo, configuraba todo, etc., o me "autoplagiaba", copiando y pegando mi propio código fuente anterior (Excurso: creo que ya habíamos visto que se puede afanar todo el contenido y diseño de un blog o de muchas páginas web, simplemente copiando y pegando el código fuente. Esto del "código de acceso libre" o de acceder a los cógidos de programación es una especie de proyecto-axioma que cristalizó a partir de Linux, y que explotó como modalidad -democrática y libre- con la llamada "web 2.0", es decir, la internet "social" que facilita y comparte sus códigos, como sucede con las comunidades de usuarios de blogs, por ejemplo. Don Bill Gates, caso emblemático, jamás facilita el código de Windows ni de sus aplicaciones, y cada tanto "abre" lo que le interesa, como para poder fagocitar desarrollos de código libre. Anda, por ejemplo, siempre atrás de Google, y hace poco quiso comerse a Yahoo!, para entrar desde ahí, de lleno, a la web 2.0, y transformarla en un pingüe negocio)
4) Para buscar en el código fuente cada una de las cosas, usé este mismo procedimiento: cualquier navegador tiene la opción Buscar en la página (generalmente, en el menú EDICIÓN). El FF, que es el que uso, agrega una barra abajo, donde escribís el texto que deseás encontrar. Teniendo, por ejemplo, el relojito en el viejo Blog recuperado por la memoria caché de Google, vi que corresponde al sitio Clocklink.com, por lo tanto, ese fue el texto que busqué, y me devolvió la zona donde estaba programado tal gadget, que dice así:
La primera línea es una especie de identificador del gadget, algo así como un "aviso" dentro de la programación, que le especifica que comienza un nuevo artilugio. Eso no se copia y pega, porque cuando incluyas tu nuevo elemento, el mismo Blogger va a insertar esas etiquetas de instrucciones.
La segunda línea vendría a indicar en qué parte del blog va a estar ubicado el elemento (en nuestro caso, en la sección principal o MAIN section), es decir, justo debajo de la cabecera del Blog, y que es un elemento HTML (podría ser un elemento JavaScript, texto, poll, etc.)
La tercera línea es la que le indica que comienza el contenido del gadget, que está especificado en la cuarta línea, que es la que hay que copiar y pegar. Esta cuarta línea tiene el código que ClockLink me había generado, y un añadido mío incial, para que apareciera centrado en la página (en la etiqueta
Nunca las había subido por miedo a lo que finalmente pasó: que se descuajeringara todo. En mi única (y espero que última) experiencia al respecto, Blogger no guardó adecuadamente la copia de seguridad de la plantilla que tenía, con lo cual, perdí todo lo extra, que no sea las entradas en sí y alguna que otra cosa. El problema estuvo en los "gadgets" o "artilugios", es decir, en todas las cositas que se ponen desde la sección Elementos de página (todo lo que no sea una "entrada") y que, como resalta a simple vista, yo uso bastante. La cuestión fue, básicamente, que Blogger reconoció muy poquitos y sencillos artilugios, y perdió los datos de casi todo: encuestas, textos, elementos HTML/JavaScript de terceros, etc.
Cuando empecé a subir las nuevas plantillas, para ver cuál me gustaba, comenzaron los problemas: me avisaba que entraban en conflicto tal y cual artilugios y que había que eliminarlos. Yo tenía mi "copia de seguridad", que se supone que es eso: un plan B para volver a lo que tenías por si metés mano muy a fondo. Así que con el "antídoto" en el bolsillo le mandé Aceptar, Aceptar y Recontraaceptar, cuantas veces me lo preguntó. Y cuando finalmente me gustó una, las cosas estuvieron fatalmente borradas y, al subir la "copia de seguridad", tampoco las re-reconocía. Conclusión: se había perdido todo.
En un desesperado intento dejé las plantillas "especiales" y probé con alguna de las que Blogger te da, a ver si con ese formato "oficial" me permitía recuperar la copia de seguridad. Por esta razón, los que entraron en estos útimos días vieron la plantilla Mínima Stretch en colores amarillos, y habrán notado que había desaparecido todo, o que quedaban solamente los títulos de las cosas, en blanco.
El trabajo fue arduo, una reconstrucción artesanal. Si te llega a pasar alguna vez, sabé que es reversible, pero tenés que actuar dentro de los días siguientes al problema y casi, casi, dedicado en tiempo completo (por eso aproveché el sábado). Dependiendo de cuan hábil seas para manejarte con estos menesteres, y cuántas cosas tengas que recuperar, puede llevarte una tarde completa. Antes que esto, obvio, pensé en cerrar definitivamente el blog -ya está: etapa cumplida, me dije), abrir uno nuevo, pasarme a WordPress (a veces, el enojo extremo hace que abandonemos el primer amor), o ver qué opciones gratuitas para alojar sitios web encontraba... Pero a las pocas horas (o días), había madurado una especie de razonamiento del tipo Un simple problema de programación no me va a ganar, así que empecé a buscarle la vuelta...
No probé abrir el archivo de copia de seguridad que creó Blogger (un XML) con algún editor web porque di por descontado que tenía errores, así que finalmente la forma como se me ocurrió probar, y con que finalmente reparé el inconveniente fue la siguiente:
1) En Google busqué Un blog de variedades y, en lugar de abrir el vínculo directamente (que me hubiera devuelto el blog tal y como estaba, es decir, con esa "plantilla de emergencia" que había dejado), abrí "En caché", con la esperanza (tal como ocurrió) de que Google no actualizara tan a menudo -como dicen- los miles de millones de sitios que tienen indexados. Con ello, logré entrar en el viejo Blog, tal cual se veía (también me hice de la opción "Sólo texto", por las dudas)
2) Cuando estuve en el viejo blog, abrí el viejo y querido código fuente (en el navegador que uses, IE o FF, menú VER), ese que es un quilombo pero, a la postre, es el núcleo duro de todo esto
3) Subí la plantilla que quería (finalmente, esta) en las ruta Diseño > Edición de HTML, tal como alguna vez conversamos, y empecé a agregar todos los widgets nuevamente, sin necesidad de volver a buscar todos los sitios de donde tomé elementos (códigos) generados por mí. Simplemente, busqué en el código fuente de la página vieja, la sección donde estaba cada uno, y copié y pegué en el elemento vacío que ahora estaba creando. Pongamos, omo ejemplo, el relojito que dice "Ramos Mejía", al comienzo de este y el anterior diseño del Blog. Eso es un añadido JavaScript, sacado de no me acuerdo dónde, con no sé qué usuario. O me inscribía de nuevo, configuraba todo, etc., o me "autoplagiaba", copiando y pegando mi propio código fuente anterior (Excurso: creo que ya habíamos visto que se puede afanar todo el contenido y diseño de un blog o de muchas páginas web, simplemente copiando y pegando el código fuente. Esto del "código de acceso libre" o de acceder a los cógidos de programación es una especie de proyecto-axioma que cristalizó a partir de Linux, y que explotó como modalidad -democrática y libre- con la llamada "web 2.0", es decir, la internet "social" que facilita y comparte sus códigos, como sucede con las comunidades de usuarios de blogs, por ejemplo. Don Bill Gates, caso emblemático, jamás facilita el código de Windows ni de sus aplicaciones, y cada tanto "abre" lo que le interesa, como para poder fagocitar desarrollos de código libre. Anda, por ejemplo, siempre atrás de Google, y hace poco quiso comerse a Yahoo!, para entrar desde ahí, de lleno, a la web 2.0, y transformarla en un pingüe negocio)
4) Para buscar en el código fuente cada una de las cosas, usé este mismo procedimiento: cualquier navegador tiene la opción Buscar en la página (generalmente, en el menú EDICIÓN). El FF, que es el que uso, agrega una barra abajo, donde escribís el texto que deseás encontrar. Teniendo, por ejemplo, el relojito en el viejo Blog recuperado por la memoria caché de Google, vi que corresponde al sitio Clocklink.com, por lo tanto, ese fue el texto que busqué, y me devolvió la zona donde estaba programado tal gadget, que dice así:
<div id='main-wrap1'><div id='main-wrap2'>
<div class='main section' id='main'><div class='widget HTML' id='HTML1'>
<div class='widget-content'>
<div style="text-align: center;"><script src="
http://www.clocklink.com/embed.js"></script><script language="JavaScript" type="text/javascript">obj = new Object;obj.clockfile = "5003P-red.swf";obj.TimeZone = "GMT-0300";obj.width = 300;obj.height = 25;obj.Place = "Ramos Mejía";obj.DateFormat = "dd / mm / yyyy";obj.TimeFormat = "H:mm";obj.wmode = "transparent";showClock(obj);</script>;</div>
La primera línea es una especie de identificador del gadget, algo así como un "aviso" dentro de la programación, que le especifica que comienza un nuevo artilugio. Eso no se copia y pega, porque cuando incluyas tu nuevo elemento, el mismo Blogger va a insertar esas etiquetas de instrucciones.
La segunda línea vendría a indicar en qué parte del blog va a estar ubicado el elemento (en nuestro caso, en la sección principal o MAIN section), es decir, justo debajo de la cabecera del Blog, y que es un elemento HTML (podría ser un elemento JavaScript, texto, poll, etc.)
La tercera línea es la que le indica que comienza el contenido del gadget, que está especificado en la cuarta línea, que es la que hay que copiar y pegar. Esta cuarta línea tiene el código que ClockLink me había generado, y un añadido mío incial, para que apareciera centrado en la página (en la etiqueta
<div style="text-align: center;">)Entonces, lo que hay que buscar, copiar y pegar cuando vas a insertar un elemento HTML/JavaScript que no es nuevo, sino que intenta recuperar uno que tenías, es lo que aparece después de <div class='widget-content'>, y que está cerrado cuando encontrás, como en este caso, la etiqueta ;</div> (fijáte que, precisamente, la línea de inicio abre la instrucción
En caso de no ser un elemento HTML/JavaScript, el prodecimiento es similar: en el diseño del blog uso muchos bloques de texto, incluso en blanco, para separar elementos. Lo que me salvó, por su practicidad, fue que cada gadget de texto tuviera su título, así que fue más fácil buscar en el código cada artilugio. A veces, como texto incluyo ("embebo") elementos HTML/JavaScript (por ejemplo, lo que ahora se titula El relajo), cuyo código actual copio abajo (pongo más de lo necesario, para explicar otras cositas):
<div>, cuyo cierre se indica con la misma instrucción precedida por /)En caso de no ser un elemento HTML/JavaScript, el prodecimiento es similar: en el diseño del blog uso muchos bloques de texto, incluso en blanco, para separar elementos. Lo que me salvó, por su practicidad, fue que cada gadget de texto tuviera su título, así que fue más fácil buscar en el código cada artilugio. A veces, como texto incluyo ("embebo") elementos HTML/JavaScript (por ejemplo, lo que ahora se titula El relajo), cuyo código actual copio abajo (pongo más de lo necesario, para explicar otras cositas):
</span>
<div class='clear'></div>
</div><div class='widget Text' id='Text26'>
<h2 class='title'>• EL RELAJO</h2>
<div class='widget-content'>
<div style="text-align: center;"><span ><span >Trivia sobre Charles S. Peirce<script language="JavaScript" src="http://www.trivialo.com/cgi-bin/trivialo.cgi?usr=010302&trv=00001&cod=js2"></script><br/>Trivia de frases de cine argentino</span><script language="JavaScript" src="http://www.trivialo.com/cgi-bin/trivialo.cgi?usr=010302&trv=00002&cod=js2"></script><br/><div style="text-align: center;"><span >Desafío estoniano</span><script language="JavaScript" src="http://www.trivialo.com/cgi-bin/trivialo.cgi?usr=010302&trv=00003&cod=js2"></script><br/><div style="text-align: center;"><span >Trivia de palabras raras y desusadas</span><script language="JavaScript" src="http://www.trivialo.com/cgi-bin/trivialo.cgi?usr=010302&trv=00004&cod=js2"></script><br/><div style="text-align: center;"><span >Trivia ricotera<script language="JavaScript" src="http://www.trivialo.com/trivialo.php?usr=010302&trv=00008&cod=js2"></script><br/><div style="text-align: center;"><span >Trivia de uso de vírgulas o tildes</span><script language="JavaScript" src="http://www.trivialo.com/cgi-bin/trivialo.cgi?usr=010302&trv=00005&cod=js2"></script><br/><div style="text-align: center;"><span >Trivia para exigentes: versificación</span><script language="JavaScript" src="http://www.trivialo.com/cgi-bin/trivialo.cgi?usr=010302&trv=00006&cod=js2"></script><br/><div style="text-align: center;"><span >Otra para exigentes: letras de tango</span><script language="JavaScript" src="http://www.trivialo.com/cgi-bin/trivialo.cgi?usr=010302&trv=00007&cod=js2"></script></div></div></div></span></div></div></div></span></div><br/><br/><div style="text-align: center;"><span ><span >Sudokeá un rato...</span><br/><iframe scrolling="no" width="200" frameborder="0" src="http://www.odyssey.ie/sudoku/sudoku-google.html" height="260"></iframe><br/><br/><div style="margin: -8px 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: center;"> <a style=" text-decoration: none; color: rgb(85, 85, 85);"><p></p></a>Matá al yeti (leé <a href="http://unblogdevariedades.blogspot.com/2007/11/dos-juegos-dos.html">acá</a> cómo se juega)<br/><span><span ><a href="http://n.ethz.ch/student/mkos/pinguin.swf" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5137712299834768194" border="0" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 156px; height: 200px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwvNFXr2AQ0l6GMjQXTT-DAujpT6u9VZPD959ABRuVzBccUxQKjWrLcYyqrbl0RSWhr6MEyUuWxdiLHzaNLdZVIoUPt2Vb2gKVi7uX_HR6wGxYbTFQvOujOO3a1Hhc5BnHZ53_7DsP8GI/s320/Yeti.JPG"/></a></span></span><br/>Fotografiá a Superman (leé <a href="http://unblogdevariedades.blogspot.com/2007/11/dos-juegos-dos.html">acá</a> cómo se juega)<span><span ><a href="http://demo.mixmedia.com/yahoo/superman/web/Stop_Press_Game/index.html" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5137713270497377106" border="0" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 225px; height: 164px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQEQxNmKaili-7MAVHLyl3VhnbCWzGNjLd0gU5iCc0sVp1yk3Fcm9YKZW8fZEIoio0NS2_1VlK4S3Vk5JB-MKxZJAv8HM-iajMcHc3yj71W2txdwBbsICLLcehQExtlrBnWfzS1BXPUUE/s320/Superman.JPG"/></a></span></span></div></span></div>
</div>
<div class='clear'></div>La segunda línea está indicando que debe "limpiar", algo así como "sacudirse" de lo anterior como para ahora dedicarse al nuevo elemento. Vos no tenés que copiar y pegar eso, porque solito se va a incluir cuando indiques que estás incorporando un nuevo artilugio. Tampoco hace falta copiar y pegar la tercera línea, donde está indicando que el elemento en cuestión será ahora del tipo "texto" (fijáte que antes, en el código anterior, decía "HTML"), y lo identifica con un número ("id 26"; esto fue lo que entró en conflicto cuando empezó todo: reconocía duplicados algunos identificadores de texto, y por eso pedía eliminarlos: intenté infructuosamente renombrarlos, pero tampoco los reconocía). La cuarta línea especifica el título del texto (que es lo que buscaría en el código fuente, si ahora me pasara lo que me sucedió), pero tampoco tenés que copiarla y pegarla, porque va a generar la instrucción automáticamente cuando le pongas el título al elemento de texto. Luego de la quinta línea, la que indica que comienza el contenido del artilugio, empiezan sus opciones de configuración. En este caso, hay algunas para el texto en sí (centrado, tipo de fuente, etc.) y hay otras para emeber el Sudoku, las Trivias, etc., que son HTML/Java. Luego de todo esto, como siempre, la instrucción </div> cierra el bloque, y como verás, luego de todo esto de nuevo aparece <div class='clear'>, barriendo todo lo anterior abajo de la alfombra, y preparándose para el elemento siguiente.
Finalmente, algunas cosas fueron literalmente artesanales, como la Encuestas. Blogger las había perdido, así que tuve que incorporarlas de nuevo. Para eso copié y pegué directamente del Blog viejo cada una de las preguntas y opciones, y voté tantas veces como tenía cada una de ellas, en las opciones que correspondían. El truquito acá fue que tuve que votar y eliminar las cokies cada vez que lo hacía, para que me habilitara para volver a sufragar. Ya que estaba, aproveché para proporcionar las imágenes de "los que tienen prohibida la entrada" y de "los auspiciantes", y de paso agregué más cosas de Xul. Ah, y puse las etiquetas en nube, que es una pavada pero te lo cuento la próxima ;)
Finalmente, algunas cosas fueron literalmente artesanales, como la Encuestas. Blogger las había perdido, así que tuve que incorporarlas de nuevo. Para eso copié y pegué directamente del Blog viejo cada una de las preguntas y opciones, y voté tantas veces como tenía cada una de ellas, en las opciones que correspondían. El truquito acá fue que tuve que votar y eliminar las cokies cada vez que lo hacía, para que me habilitara para volver a sufragar. Ya que estaba, aproveché para proporcionar las imágenes de "los que tienen prohibida la entrada" y de "los auspiciantes", y de paso agregué más cosas de Xul. Ah, y puse las etiquetas en nube, que es una pavada pero te lo cuento la próxima ;)
Etiquetas de esta entrada: Metablog
Suscribirse a:
Enviar comentarios
(
Atom
)
Un comentario Esteban intento dejar un mensaje en el simulacro de chat y no aparecen los espacios correspondientes a dicha tarea. Imagino que tiene que ver con la nueva configuraci[on del blog. En fin esperare. A los ex semiologia 2007 felices fiestas y buenas carreras. AH Dani Barba, bienvenido a Letras... un hippie mas en el mundo.
ResponderEliminarExitos para todos.
Victor de Marmol...
Con leer el poema alcanza.
ResponderEliminarMe costó llegar a comentar, Esteban. Tendré que acostumbrarme a este nuevo formato.
Felices fiestas!