Aprendiendo a crear el formato de un Blog (VI)

Faltaban los toques finales: una forma de suscribirse a la página y la apariencia finalFue en este punto donde encontré el primero de varios problemas con el software de diseño de páginas de estilo que estaba usando. Style Master no muestra en el preview el código html que está en la página de estilo, sólo el que está en index.html. Si no puedo ver inmediatamente el resultado de los cambios que hago, esta herramienta ya no me es útil. Buscando en Download.com me encontré w.bloggar. Este freeware me permite descargar la página de estilo directamente desde blogger, editarla en mi computador, ver inmediatamente el resultado de cualquier cambio y volverla a grabar en blogger. Aunque la opción de publicar el blog aparece en el menú, esta opción no parece estar funcionando bien. Con w.bloggar pude trabajar en el estilo y en el formato de cada parte de la página.

Copiando las definiciones de #sidebar para enlaces, h2 y para listas e incluyéndolas en #leftbar pude modificar la apariencia de cada enlace y ajustarlo al tamaño, ubicación y color que yo quería.

Para permitir la suscripción a la página vía RSS me suscribí al servicio de Feedreader.com. Feedreader se encarga de crear el código html que debo incluir en mi página para las suscripciones. Feedreader se encarga también de administrar los diferentes formatos de suscripción que existen (xml, atom, etc.).

Feedreader me ofreció abrir a mi nombre una cuenta en Feedblitz. Feedblitz me permite ofrecer suscripción vía email a mi blog. Al igual que Feedreader, Feedblitz genera el código html que necesito incluir en el template de Blogger.

Todas estas piezas las ubique y di formato usando w.bloggar.

El toque final fue cambiar el formato de la información biográfica. En el template de blogger, todo la información biográfica esta incluida en una sóla variable: $BlogMemberProfile$. Lo que tenía que hacer era reemplazar esta variable por el código html equivalente. Para esto usé IE. Simplemente fui a la versión pública de Nerd al Volante, obtuve el código fuente de la página usando las herramientas de IE. Extraje la porción correspondiente a la descripción de la biografía y la usé para reemplazar $BlogMemberProfile$. Una vez hecho esto, pude cambiar el tamaño de la letra usada en mi mini biografía sin alterar el resto de los títulos.

Para mejorar la legibilidad adicioné líneas para separar cada sección de la página usando w.blogger.

Finalmente guardé el template nuevo en Nerd Al Volante. A diferencia de cuando trabajó con Style Master, esta vez la página real lució igual que el preview que vi en w.blogger.

Una vez comprobado que todos los enlaces estaban bien, simplemente copié el template completo desde Nerd Al Volante hasta Baul de Ideas. Re-publiqué el blog y terminé por ahora.

Vamos a ver que nuevas ideas se me ocurren para mejorarlo, pero mientras tanto este formato me gusta.

Aprender lo básico de CSS para poder hacer estas modificaciones no fue realmente tan difícil, creo que el reto está en aprender a usar páginas de estilo para hacer más que simplemente dar formato a texto y dibujar líneas. Planeo empezar pronto otro proyecto para aprender nuevos usos.

Creo que lo más importante es inicialmente usar los editores de páginas de estilo que se encuentran en Internet, pues ellos permiten jugar con las páginas existentes y aprender como hacer modificaciones básicas. Style Master y sus 30 días de prueba gratis fueron suficiente para mi. No creo que vuelva a necesitar esta herramienta. W.bloggar se ve más prometedora y posiblemente la siga usando hasta que encuentre alguna mejor.

Technorati Tags: Aprender, learning, CSS, blogger template

Faltaban los toques finales: una forma de suscribirse a la página y la apariencia finalFue en este punto donde encontré el primero de varios problemas con el software de diseño de páginas de estilo que estaba usando. Style Master no muestra en el preview el código html que está en la página de estilo, sólo el que está en index.html. Si no puedo ver inmediatamente el resultado de los cambios que hago, esta herramienta ya no me es útil. Buscando en Download.com me encontré w.bloggar. Este freeware me permite descargar la página de estilo directamente desde blogger, editarla en mi computador, ver inmediatamente el resultado de cualquier cambio y volverla a grabar en blogger. Aunque la opción de publicar el blog aparece en el menú, esta opción no parece estar funcionando bien. Con w.bloggar pude trabajar en el estilo y en el formato de cada parte de la página.

Copiando las definiciones de #sidebar para enlaces, h2 y para listas e incluyéndolas en #leftbar pude modificar la apariencia de cada enlace y ajustarlo al tamaño, ubicación y color que yo quería.

Para permitir la suscripción a la página vía RSS me suscribí al servicio de Feedreader.com. Feedreader se encarga de crear el código html que debo incluir en mi página para las suscripciones. Feedreader se encarga también de administrar los diferentes formatos de suscripción que existen (xml, atom, etc.).

Feedreader me ofreció abrir a mi nombre una cuenta en Feedblitz. Feedblitz me permite ofrecer suscripción vía email a mi blog. Al igual que Feedreader, Feedblitz genera el código html que necesito incluir en el template de Blogger.

Todas estas piezas las ubique y di formato usando w.bloggar.

El toque final fue cambiar el formato de la información biográfica. En el template de blogger, todo la información biográfica esta incluida en una sóla variable: $BlogMemberProfile$. Lo que tenía que hacer era reemplazar esta variable por el código html equivalente. Para esto usé IE. Simplemente fui a la versión pública de Nerd al Volante, obtuve el código fuente de la página usando las herramientas de IE. Extraje la porción correspondiente a la descripción de la biografía y la usé para reemplazar $BlogMemberProfile$. Una vez hecho esto, pude cambiar el tamaño de la letra usada en mi mini biografía sin alterar el resto de los títulos.

Para mejorar la legibilidad adicioné líneas para separar cada sección de la página usando w.blogger.

Finalmente guardé el template nuevo en Nerd Al Volante. A diferencia de cuando trabajó con Style Master, esta vez la página real lució igual que el preview que vi en w.blogger.

Una vez comprobado que todos los enlaces estaban bien, simplemente copié el template completo desde Nerd Al Volante hasta Baul de Ideas. Re-publiqué el blog y terminé por ahora.

Vamos a ver que nuevas ideas se me ocurren para mejorarlo, pero mientras tanto este formato me gusta.

Aprender lo básico de CSS para poder hacer estas modificaciones no fue realmente tan difícil, creo que el reto está en aprender a usar páginas de estilo para hacer más que simplemente dar formato a texto y dibujar líneas. Planeo empezar pronto otro proyecto para aprender nuevos usos.

Creo que lo más importante es inicialmente usar los editores de páginas de estilo que se encuentran en Internet, pues ellos permiten jugar con las páginas existentes y aprender como hacer modificaciones básicas. Style Master y sus 30 días de prueba gratis fueron suficiente para mi. No creo que vuelva a necesitar esta herramienta. W.bloggar se ve más prometedora y posiblemente la siga usando hasta que encuentre alguna mejor.

Technorati Tags: Aprender, learning, CSS, blogger template

Read more at: http://www.juanochoa.com/2005/11/08/aprendiendo-a-crear-el-formato-de-un-blog-vi/.