Hoy vengo a repartir un poco de conocimiento blogger, ya que hace muuuucho tiempo que no lo hago -revisando vi que mi última entrada sobre el tema fue hace MÁS de un año!!!-. El truco de hoy es cómo hacer que todas las columnas del blog -eso quiere decir el main y la o las sidebar's- estén del mismo tamaño. Con esta entrada, también pretendo solucionar algún problema que tengan para visualizar el fondo del blog.
No les daré aquí la explicación de cómo dar el mismo tamaño a las columnas, sino que los redireccionaré hasta el sitio donde yo encontré la solución. Mi granito de arena será esta vez la solución sencilla que le di a uno de los inconvenientes que me surgió a partir de la implementación de un script para hacer que las columnas sean de la misma altura.
A veces pasa que en nuestro blog tenemos una sidebar muy cargada que incluso sobrepasa el alto del contenido. A veces, ocurre que hay mucho contenido, pero pocos wadgets en la sidebar, lo que hace que una columna se vea más larga y otra más corta. Para cambiarlo, hay que hacer que la sidebar o el main se estiren lo suficiente para no dejar esa sensación de vacío como el del ejemplo:

Como ven, las columnas están de diferente tamaño y dejan un "aire" cuando se acaban. Buscando en Internet, encontré dos trucos para evitar esto. El primero es bastante sencillo y lo encontré aquí, pero el problema es que a mí se me estiraba la sidebar y cubría el footer -a pesar de que seguí todos los pasos. Seguro es problema de construcción de mi template.
La otra forma es ésta y sí me funcionó, salvo un inconveniente: aunque ahora todas las columnas tienen la misma altura, el contenido del main se me corta en algunas ocasiones.

En el caso de mi template, tengo implementado un botón de leer más, y mi blogroll tiene la posibilidad de estirarse más para mostrar mayor cantidad de blogs. Sin embargo, si tengo implementado el script para mantener las columnas del mismo tamaño y, además, le doy click al botón de leer más o al enlace para estirar el blogroll, el contenido del blog nuevamente se corta.


Como ven, esto es un problema ya que dificulta la lectura del blog, es incómodo y no se puede hacer click en el botón para deshacer esto porque desaparece. ¿Qué hacemos, entonces? Es bastante sencillo. Si están visualizando mi blog o a ustedes también les sucede este chasco, tan solo bastará con utilizar el scroll del mouse, eso es la perillita que tiene el mouse -el ratón- entre el botón izquierdo y derecho.
Giran el scroll de manera que visualizan el blog más pequeño: la letras y las imágenes se hacen más chiquitas, y en algunas ocasiones verán en otras páginas cómo disminuye en general toda la apariencia del blog. Por ejemplo, en lugar de ver el blog del tamaño regular, lo verán más chico y esto hará que todo en él se estire, incluidas las sidebar y el main, como lo muestra la imagen:

Tranquilos: no tienen que leer el blog en su versión chica. Sus ojos no se cansarán, porque tan solo tienen que utilizar nuevamente el scroll del mouse. Esta vez harán que el blog se vea más grande hasta que alcance el tamaño con el que suelen verlo, ¡y listo! El problema ya estará solucionado. Las columnas se visualizarán del mismo tamaño, sin que falte ni sobre nada :3

Y con eso llegamos al final de esta entrada. Espero que haya podido solucionar los problemas que el script encontrado aquí pueda dar. En lo personal, todavía estoy en periodo de pruebas de dicho truco, ya que es bastante molesto tener que hacer el proceso cada vez para que el blog se vea bien ¬¬ Y tampoco sé si resulta molesto o no el que las columnas estén dispares en mi blog, por lo que tampoco sé si el truco es necesario o no para una mejor lectura.
Pero, de momento, espero con esto haberles dado una solución sencilla a los bloggers que sí quieren usar este script y se enfrentan al mismo problema. ¡Es muy simple!
No les daré aquí la explicación de cómo dar el mismo tamaño a las columnas, sino que los redireccionaré hasta el sitio donde yo encontré la solución. Mi granito de arena será esta vez la solución sencilla que le di a uno de los inconvenientes que me surgió a partir de la implementación de un script para hacer que las columnas sean de la misma altura.
A veces pasa que en nuestro blog tenemos una sidebar muy cargada que incluso sobrepasa el alto del contenido. A veces, ocurre que hay mucho contenido, pero pocos wadgets en la sidebar, lo que hace que una columna se vea más larga y otra más corta. Para cambiarlo, hay que hacer que la sidebar o el main se estiren lo suficiente para no dejar esa sensación de vacío como el del ejemplo:

Como ven, las columnas están de diferente tamaño y dejan un "aire" cuando se acaban. Buscando en Internet, encontré dos trucos para evitar esto. El primero es bastante sencillo y lo encontré aquí, pero el problema es que a mí se me estiraba la sidebar y cubría el footer -a pesar de que seguí todos los pasos. Seguro es problema de construcción de mi template.
La otra forma es ésta y sí me funcionó, salvo un inconveniente: aunque ahora todas las columnas tienen la misma altura, el contenido del main se me corta en algunas ocasiones.

En el caso de mi template, tengo implementado un botón de leer más, y mi blogroll tiene la posibilidad de estirarse más para mostrar mayor cantidad de blogs. Sin embargo, si tengo implementado el script para mantener las columnas del mismo tamaño y, además, le doy click al botón de leer más o al enlace para estirar el blogroll, el contenido del blog nuevamente se corta.


Como ven, esto es un problema ya que dificulta la lectura del blog, es incómodo y no se puede hacer click en el botón para deshacer esto porque desaparece. ¿Qué hacemos, entonces? Es bastante sencillo. Si están visualizando mi blog o a ustedes también les sucede este chasco, tan solo bastará con utilizar el scroll del mouse, eso es la perillita que tiene el mouse -el ratón- entre el botón izquierdo y derecho.
Giran el scroll de manera que visualizan el blog más pequeño: la letras y las imágenes se hacen más chiquitas, y en algunas ocasiones verán en otras páginas cómo disminuye en general toda la apariencia del blog. Por ejemplo, en lugar de ver el blog del tamaño regular, lo verán más chico y esto hará que todo en él se estire, incluidas las sidebar y el main, como lo muestra la imagen:

Tranquilos: no tienen que leer el blog en su versión chica. Sus ojos no se cansarán, porque tan solo tienen que utilizar nuevamente el scroll del mouse. Esta vez harán que el blog se vea más grande hasta que alcance el tamaño con el que suelen verlo, ¡y listo! El problema ya estará solucionado. Las columnas se visualizarán del mismo tamaño, sin que falte ni sobre nada :3

Y con eso llegamos al final de esta entrada. Espero que haya podido solucionar los problemas que el script encontrado aquí pueda dar. En lo personal, todavía estoy en periodo de pruebas de dicho truco, ya que es bastante molesto tener que hacer el proceso cada vez para que el blog se vea bien ¬¬ Y tampoco sé si resulta molesto o no el que las columnas estén dispares en mi blog, por lo que tampoco sé si el truco es necesario o no para una mejor lectura.
Pero, de momento, espero con esto haberles dado una solución sencilla a los bloggers que sí quieren usar este script y se enfrentan al mismo problema. ¡Es muy simple!

Pues gracias aunque yo prefiero por ahora no moverle porque ya me he llevado muchas sorpresitas con las plantillas y Blogger, etc.
ResponderSuprimirIncluso el primer blog que tuve se arruinó así y tuve que bajarlo, subirlo, y hacer todo de nuevo (que divertido ¿no?)
En fin, no dudo que será de utilidad para alguien menos cobarde que yo :D
Saludos.