simonpena.com Una mezcla heterogénea de tecnología y desvaríos

28Dec/060

Más cosas sobre la migración

Sigo mirando qué hice, y sigo viendo cosas buenas y malas: por una parte, el nuevo sistema permite cosas tan vistosas como mi "Tag Cloud", la nube de etiquetas que se puede ver en la parte derecha de mi blog. El inventor original lo explica en Code for Beta Blogger Label Cloud. Si el hack de Continuar Leyendo era fácil de poner a andar, este todavía lo es más, a pesar de que es, en mi opinión, otra maravilla.

Pero también van apareciendo problemas: uno de los primeros pasos a la hora de migrar tu blog a google beta consiste en adaptar todo el contenido existente al nuevo formato interno. Eso implica tomar también las modificaciones de la plantilla, y ahí aparecen nuestras amigas las locales. Todos conocéis UTF-8, ISO-8859-15 e ISO-8859-1. Pues la plantilla debía llevar una codificación, y el navegador debe introducir el texto en otra, porque al migrar tu blog a la nueva versión, los clásicos Leer Más, los nombres de perfiles, los enlaces, y básicamente cualquier cosa introducida manualmente, y que llevara tilde, se va a ir a paseo. Aunque es un poco coñazo, no es algo que lleve mucho tiempo arreglar, con la conocida táctica de Search & Replace. Otro bug que también observo, y del que espero poder culpar a mi extremadamente lenta conexión, son las CSS: mi blog carga ahora sobre un monótono fondo gris. Pero en Windows funcionaba, y a mi hermano, también en Linux, le iba perfectamente. A saber.

Según vaya viendo más detallitos, y en función de su importancia, actualizaré esto, o pondré una nueva entrada.

PD: OJO! Hoy es el día de los inocentes, cuidado con las webs de noticias :)

1er EDIT: Otro bug, y bastante divertido. Se cambiaron los RSS, todavía no sé en qué modo, y los lectores de noticias, como mínimo, interpretan que todo el blog acaba de volverse a publicar. Eso no tiene más problema que borrar, en el lector, las noticias antiguas, y quedarse con la reedición. Pero en el planet conjunto de Skadas-Community, no funciona así, y las entradas no se corresponden con el título que presentan, y ya no están, ni mucho menos, ordenadas por fecha. En fin ...

27Dec/061

Migrando a Blogger Beta

Ya debe hacer un par de meses que Blogger ofrecía a sus usuarios la oportunidad de pasarse al servicio "Blogger Beta", y casi desde el primer momento sentí la tentación de subirme a ese carro. Pero, ¿Por qué?

Blogger Beta aporta una serie de cambios interesantes en su nueva versión. A mí, el que más me interesaba era la aparición de las etiquetas, tags, o categorías. Esa era una funcionalidad que WordPress ofrecía desde hacía tiempo, y que me apetecía tener desde que tuve noticia de su existencia. Si lo quería tener con el Blogger clásico, había que hacer unos hacks bastante importantes, y no había un sistema que fuese simple, elegante, y a la vez sencillo de usar. Otro cambio interesante aparece a la hora de crear la plantilla de tu blog: el diseño es mucho más visual. Hay varias regiones, dependiendo de la plantilla base que escojas, y luego se pueden añadir distintos elementos a cada una de esas regiones. De ese modo, el proceso de adaptar el blog al gusto de cada uno se hace bastante simple, rápido y claro: cualquiera, sin idea de HTML, sería capaz de poner a andar un blog bastante bonito.

¿Qué problemas tenía migrar al Beta? Inicialmente no era posible migrar si tenías un blog con varias personas (y teníamos montado lo de "La Biblioteca de los Tiempos"). Además, desconocía qué ocurriría con los hacks ya realizados en mi blog: emoticonos, opción de Continuar Leyendo..., chart de Last.fm, contador de visitas ... Pues bien, hace poquito, Blogger Beta dejó de ser Beta, y ya no había incompatibilidades con los Blogs de más de una persona. Quedaban las otras dudas ...

Y en efecto, todo eso se fue al carajo :P . Pero, menos los emoticonos, todo se solucionó rápidamente: uno de los tipos de elemento que se pueden agregar al diseño es HTML/Javascript, y desde ahí se añade fácilmente el contador de visitas, y las gráficas de Last.fm. La opción de continuar leyendo se hace exactamente igual que en la versión antigua de blogger, que tengo ya comentada en Hacking Blogger. Y sobre los emoticonos, ... Pues no fui capaz, todavía, de conseguir que funcionasen. Pero todo se andará :)

EDIT: Pues no, no se hacía como en la versión antigua, o al menos yo no uso ese mismo sistema. Estuve mirando un poco más, y tengo un "Continuar Leyendo" y "Resumen Sólo", obtenido de Expandable posts with Peekaboo view. Una verdadera maravilla de hack, muy sencillito de usar. En este otro enlace, una pequeña modificación que podríais tener que usar para que os funcionara bien.

Felices Fiestas!

20Sep/061

“Hacking” Blogger (2ª Parte)

¡Dos posts en un día! Parece increíble, pero hoy estoy justificado: no hace mucho, estuve mirando la manera de poner smileys en las entradas de mi blog. Encontré un modo muy tosco: consistía en incluír imágenes del servidor de Acerbaturix, y del foro del OGame, poniendo tal cual el código:
<img src="url de la imagen"/>
Me quedé todo convencido: al darle a "Preview" funcionaba perfecto, y aunque no era la cosa más cómoda, para los cuatro emoticonos que suelo incluír por post, llegaba sobradamente.

El problema llegó cuando publiqué el post: cierto detalle de las CSS hacía que las imágenes aparecieran con un marco alrededor, algo muy bonito para una imagen grande, pero que arruinaba por completo la idea buscada con los smileys. Y sin pararme a pensar por qué pasaría (lo de las CSS lo confirmé hoy), simplemente deseché la idea, y seguí sin smileys.

Hoy me volvió a dar la vena, y puse blogger emoticonos (así, en cristiano). La primera entrada de Google tenía, en su descripción, esta URL: www.genbeta.com/archivos/2006/03/30-emoticonos-en-blogger.php. Y ahí me fui. Era un fulano que había copiado el HowTo de esta otra página Blogger Emoticons. Como podéis ver yendo al segundo link, se trata de una tarea muy sencilla: copiar y pegar. En mi caso, había también que reemplazar (para evitar el problema de las CSS), pero la dificultad sigue siendo mínima.

Conclusión: si valoráis más la posibilidad de echar la lengua :P que tener unos bonitos marcos alrededor de las fotos, éste es vuestro hack. Si dudáis, haced una copia de seguridad de la plantilla de blogger, y si no os gusta como queda, recuperadla ;)

¡Saludos!

26Jul/067

“Hacking” Blogger

Ya empiezo a tener el blog a mi gusto :) . Empecé cambiando simplemente el idioma en la plantilla, actualizando los enlaces a otros blogs, poniendo el contador de visitas (que por ahora muestra un número de visitas exagerado, y a todas luces provocado por mis ediciones y previsualizaciones :P ), y la sección de artistas favoritos, una imagen generada en Last.fm con mis artistas más escuchados a lo largo de la semana.

Luego vi que quedaban algunas cosillas por hacer: el bloque de mi perfil se veía todavía en inglés, con un About Me de lo más fuera de sitio. Y se me ocurrió que quizás hubiera alguna manera de cambiarlo. Así que me puse a mirar un poquillo, y llegué aquí: Hacking Blogger (o Los Pirateos de Blogger, como reza la traducción).


Cambiando la cabecera "About Me"

Resultó ser muy sencillo. Añadir una línea a la sección de las CSS:

#profile-container h2.sidebar-title {display:none;}

De ese modo, la cabecera por defecto ya no se muestra. Y añadiendo ahora

<!-- Begin #profile-container -->
<h2 class="sidebar-title">Acerca de mí</h2>
<$BlogMemberProfile$>

conseguía poner una cabecera personalizada.

Luego seguí mirando, a ver si había algún otro hack sencillito que aplicar al blog, y que aportase alguna funcionalidad interesante. Pensé en emplear categorías, como explican en Anything Else, pero al ser beta, y haberse que registrar mediante un mail, o un comentario en su blog, me pareció complicarme demasiado la vida, por ahora. Buscando un poco más, apareció esto: How can I create expandable post summaries?, para crear entradas relativamente largas, pero mostrar sólo un pequeño avance en el blog.

Probando "expandable post summaries"

Intenté aplicar primero la técnica que comentaban en la página de ayuda oficial, pero el enlace leer más aparecía en todas las entradas, no sólo en las que fuesen grandes. En la página de ayuda decían, muy simpáticos, que modificar ese comportamiento quedaba como ejercicio para el usuario. Pero vamos, no debía ser trivial porque aparecía en más de una duda de los grupos de correo. Mirando algo más, apareció la página de un español que afirmaba haberlo logrado,Resumen Expandible Inteligente. Sin embargo, yo no conseguí que funcionara, y varios comentarios presentes en esa misma entrada parecían apuntar a que a bastante gente tampoco. Y tampoco se le veía emplearlo a él en su propio blog :P .

¿De dónde lo saqué al final? De la misma página de las categorías: I did it!, dice, y la verdad es que tiene motivos para alegrarse: acaba de conseguir algo muy útil.

Bueno, espero que cualquiera que vaya a personalizar su blog y busque modificar estas cosillas lo tenga algo más fácil ahora. No es que haya descubierto nada nuevo, pero sí lo he recopilado, y también puede resultar útil ;) .