1. AQUÍ VAMOS
El historial de mi navegador está saturado, se acumulan páginas y páginas de información; ejemplos y ayudas que no me responden nada.
Los marcadores de Firefox se salen de madre, ya no sé si me llevarán a donde dicen que van o si, cobrarán vida propia y terminaré siendo dirigido a algún limbo en la Web.
Debo aclarar que soy obsesivo por lo tanto, es bastante común que me pierda en los detalles y me olvide lo importante. Aunque, claro, qué es o qué no es importante no es algo que pueda ser medido objetivamente.
Yo quería que el blog fuera lo que quería que fuera y eso no resultó ser una tarea sencilla.
El historial de mi navegador está saturado, se acumulan páginas y páginas de información; ejemplos y ayudas que no me responden nada.
Los marcadores de Firefox se salen de madre, ya no sé si me llevarán a donde dicen que van o si, cobrarán vida propia y terminaré siendo dirigido a algún limbo en la Web.
Debo aclarar que soy obsesivo por lo tanto, es bastante común que me pierda en los detalles y me olvide lo importante. Aunque, claro, qué es o qué no es importante no es algo que pueda ser medido objetivamente.
Yo quería que el blog fuera lo que quería que fuera y eso no resultó ser una tarea sencilla.
2. SALTANDO SIN RED
El primer paso era darle una estética que me resultara agradable (sobre gustos ...), la ayuda que ofrece Blogger no es mala pero a veces me resulta insuficiente. En general, las ayudas empiezan siendo explicaciones para retardados mentales y terminan necesitando que ingenieros especializados nos las traduzcan. Raramente hay estaciones intermedias.
Entonces, claro, nos salteamos los primeros párrafos porque lo que dicen es más que obvio y de golpe nos encontramos leyendo algo incomprensible. Y decimos, pucha, ¿en dónde me perdí? Empezamos otra vez pero, es inútil, hay un agujero negro que nos ha transportado de un mundo a otro y no hay salida.
¿Y cuando faltan soluciones concretas para problemas concretos? ... Google ... socorro ... que alguien me conteste ¿por qué no me funcionan las cosas?
3. UNA PLANTILLA
Me gustó la plantilla theme-beckett y luego de varios intentos fallidos [Ver Nota con detalles], la pude aplicar (me hubieran dicho que la previsualización no servía a menos que se forzara la recarga de la página) pero tenía que modificar algunas cosas (poner los textos en castellano, agregar o quitar botones, etc.)
Y claro, para hacer eso hay que entender los códigos y ahí, la ayuda de Blogger es bastante incompleta.
En fin la pelea con el código CSS continua. Esa es la parte divertida.
4. UN EDITOR POR FAVOR
Una vez que los resultados me dejaron medianamente satisfechos, lo siguiente en mi lista de prioridades era encontrar algún programa que me permitiera prescindir del Editor de Blogger simplemente porque es un poco limitado y algunas de sus extrañezas pueden llegar a frustrar a cualquiera.
Lo que me parecía simple terminó resultando una tarea casi imposible, probé muchísimos y ninguno me convenció:
Ecto (imposible de configurar)
w.bloggar (necesita una versión exacta de Microsoft .NET Framework)
Zoundry (al desinstalarlo me borró el Menú de Inicio completo)
Performancing for Firefox (jamás logró un login)
Flock (más lento que una tortuga)
Qumana (funciona, está escrito en Java y no ofrece mucho)
Terminé poniendo una pequeña extensión de Firefox llamada Deepest Sender que, por ahora, parece funcionar correctamente y que recomiendo ya que, por lo menos permite ver el editor con el estilo CSS que va a tener el original
De cualquier manera, si lo que se quiere es tener un buen control sobre el código HTML, nada mejor que crear un símil del blog, (archivos HTML, CSS, etc.) en el disco duro, limpiar el código y terminar con una página modelo que pueda editarse con algún programa tipo PSPad, NVU, EZPAD). Es una tarea tediosa y de constante prueba y error pero vale la pena si se quiere experimentar con los diseños de las plantillas sin correr riesgos innecesarios.
5. ¿Y TODO PARA QUE?
La respuesta es demasiado subjetiva: me gusta investigar, no me interesar llegar a ninguna parte en particular, siento un gran placer cuando logro que esa imagen quede exactamente es ese lugar y no en otro, cuando ese recuadro abarca justo lo que quiero y ni un píxel más.
Reconozco que suena un poco estúpido y hasta cierto punto banal pero la diversión no está en enmarcar un rompecabezas terminado sino en hacerlo. A menos que me dedique a vender cuadros.
NOTAS. theme-beckett
a. Si no se ha subido una imagen en Profile, el código:
<div class="module-photo module">
<div class="module-content">
<img src="<$BlogOwnerPhotoUrl$>">
</div>
debe ser eliminado para evitar la inclusión de un área vacía en la parte superior de la columna derecha.
b. Las clases comments-content, comment-link, post-footers, module-about y module-archives no parecen estar definidas en ninguna hoja de estilo.
c. Es recomendable agregar el siguiente código al final del HEAD:
<style type="text/css">
body {margin-top:32px !important}
</style>
ya que la barra superior de Blogger queda semioculta por el estilo del BODY.
También leí en alguna de las ayudas de Blogger que puede agregarse:
style=”margin-top:40px;”
al elemento superior.
El primer paso era darle una estética que me resultara agradable (sobre gustos ...), la ayuda que ofrece Blogger no es mala pero a veces me resulta insuficiente. En general, las ayudas empiezan siendo explicaciones para retardados mentales y terminan necesitando que ingenieros especializados nos las traduzcan. Raramente hay estaciones intermedias.
Entonces, claro, nos salteamos los primeros párrafos porque lo que dicen es más que obvio y de golpe nos encontramos leyendo algo incomprensible. Y decimos, pucha, ¿en dónde me perdí? Empezamos otra vez pero, es inútil, hay un agujero negro que nos ha transportado de un mundo a otro y no hay salida.
¿Y cuando faltan soluciones concretas para problemas concretos? ... Google ... socorro ... que alguien me conteste ¿por qué no me funcionan las cosas?
3. UNA PLANTILLA
Me gustó la plantilla theme-beckett y luego de varios intentos fallidos [Ver Nota con detalles], la pude aplicar (me hubieran dicho que la previsualización no servía a menos que se forzara la recarga de la página) pero tenía que modificar algunas cosas (poner los textos en castellano, agregar o quitar botones, etc.)
Y claro, para hacer eso hay que entender los códigos y ahí, la ayuda de Blogger es bastante incompleta.
En fin la pelea con el código CSS continua. Esa es la parte divertida.
4. UN EDITOR POR FAVOR
Una vez que los resultados me dejaron medianamente satisfechos, lo siguiente en mi lista de prioridades era encontrar algún programa que me permitiera prescindir del Editor de Blogger simplemente porque es un poco limitado y algunas de sus extrañezas pueden llegar a frustrar a cualquiera.
Lo que me parecía simple terminó resultando una tarea casi imposible, probé muchísimos y ninguno me convenció:
Ecto (imposible de configurar)
w.bloggar (necesita una versión exacta de Microsoft .NET Framework)
Zoundry (al desinstalarlo me borró el Menú de Inicio completo)
Performancing for Firefox (jamás logró un login)
Flock (más lento que una tortuga)
Qumana (funciona, está escrito en Java y no ofrece mucho)
Terminé poniendo una pequeña extensión de Firefox llamada Deepest Sender que, por ahora, parece funcionar correctamente y que recomiendo ya que, por lo menos permite ver el editor con el estilo CSS que va a tener el original
De cualquier manera, si lo que se quiere es tener un buen control sobre el código HTML, nada mejor que crear un símil del blog, (archivos HTML, CSS, etc.) en el disco duro, limpiar el código y terminar con una página modelo que pueda editarse con algún programa tipo PSPad, NVU, EZPAD). Es una tarea tediosa y de constante prueba y error pero vale la pena si se quiere experimentar con los diseños de las plantillas sin correr riesgos innecesarios.
5. ¿Y TODO PARA QUE?
La respuesta es demasiado subjetiva: me gusta investigar, no me interesar llegar a ninguna parte en particular, siento un gran placer cuando logro que esa imagen quede exactamente es ese lugar y no en otro, cuando ese recuadro abarca justo lo que quiero y ni un píxel más.
Reconozco que suena un poco estúpido y hasta cierto punto banal pero la diversión no está en enmarcar un rompecabezas terminado sino en hacerlo. A menos que me dedique a vender cuadros.
NOTAS. theme-beckett
a. Si no se ha subido una imagen en Profile, el código:
<div class="module-photo module">
<div class="module-content">
<img src="<$BlogOwnerPhotoUrl$>">
</div>
debe ser eliminado para evitar la inclusión de un área vacía en la parte superior de la columna derecha.
b. Las clases comments-content, comment-link, post-footers, module-about y module-archives no parecen estar definidas en ninguna hoja de estilo.
c. Es recomendable agregar el siguiente código al final del HEAD:
<style type="text/css">
body {margin-top:32px !important}
</style>
ya que la barra superior de Blogger queda semioculta por el estilo del BODY.
También leí en alguna de las ayudas de Blogger que puede agregarse:
style=”margin-top:40px;”
al elemento superior.
Sin comentarios
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...