Las medidas del blog «HACER UN BLOG»

  • mayo 13, 2010

Las plantillas originales de blogger, aparte de no ser muy bonitas, tienen un defecto cong??nito: son muy estrechas.

Est??n creadas cuando las pantallas de los pc’s ten??an, como mucho, 800 p??xels de resoluci??n, pero hoy en d??a casi nadie tiene una pantalla de esas medidas, a menos que tengas una notebook, en cuyo caso son a??n menores.

Pero los blogs se crean o adaptan pensando en los ordenadores «normales» y la medida m??s habitual suele ser la de 1240 p??xels. Y aunque haya quien solo tenga 1024, tambi??n hay quien tiene hasta 1680, y puede que incluso m??s, as?? que crearemos o adaptaremos el blog pensando, b??sicamente, en nuestra comodidad ya que quien lo administre ser?? quien m??s veces entre en ??l.

Por supuesto hablo de plantillas con medidas fijas, porqu?? entre las que nos ofrece blogger hay 2 o 3 que tienen medidas adaptables a la pantalla, expresadas en %, con lo que no importa el ancho de la pantalla con la que se est?? viendo el blog, siempre se ver?? toda su anchura.

De manera que, si vamos a redimensionar una plantilla de medidas fijas, lo primero ser?? averiguar qu?? medida nos resultar?? m??s c??moda personalmente y para ello has de saber la resoluci??n de tu pantalla.

Esto lo puedes averiguar pinchando con el bot??n derecho del rat??n en cualquier punto vac??o de tu escritorio. Se abre un men?? del que has de pinchar en Propiedades. Se abrir?? una ventanita con varias pesta??as. Pincha en Configuraci??n. Y all?? ver??s la resoluci??n de tu pantalla expresada as??:
1680 por 1050 p??xels. Aunque, evidentemente, pondr?? las medidas de la tuya, no de la m??a.

La primera medida es el ancho, que es la que nos interesa.

(Un inciso: Aunque tengas una pantalla de m??s de 1240 p??xels, no crees tu blog con una medida superior a ??sta, ya que no son las m??s habituales y podr??a suceder que te dejen comentarios diciendo lo inc??modo que resulta navegar por tu blog, pues adem??s de mover el scroll lateral para subir y bajar, se ha de mover el horizontal para ir de un lado a otro).

??Bien! Vamos a redimensionar una plantilla m??nima.

Entraremos en Dise??o/Edici??n de HTML y all?? buscaremos todos los sitios en los que haya una medida de ancho, expresado como width.

Por el orden en que los vas a encontrar, en la plantilla m??nima, son los siguientes:

En #header-wrapper { encontrar??s la medida de la cabecera.

En #outer-wrapper { encontrar??s el ancho de la zona ??til del blog.

En #main wrapper { ver??s el ancho de la zona de las entradas.

En #sidebar-wrapper { sabr??s el ancho de la columna lateral.

Y en #footer { hallar??s el ancho de la zona del final del blog.

??Por donde empezar?

Lo l??gico es empezar por los 3 sitios que abarcan la totalidad del blog, la cabecera, la zona ??til y el footer.
Si quieres dejar tu blog, por ejemplo, a 900 p??xels de anchura, cambias el 660 que hay en estos 3 sitios, (insisto, hablo de la m??nima, en otras plantillas las medidas pueden ser distintas), por el 900 que quieres de ancho para tu blog.

Si hicieras vista previa en este momento ver??as la zona de las entradas en un extremo y la sidebar en el otro, con una separaci??n muy grande entre ellas.

Entonces has de decidir como repartir los 240 pixels que has a??adido, cambiando lo que mide main y lo que mide la sidebar en base a este reparto.
As??, por ejemplo, si decides sumarle 200 pixels a main le sumas los 40 restantes al width de sidebar.

Vista previa, y de tus necesidades o gusto, depender?? que modifiques, o no, este reparto.

Si esta misma operaci??n la quieres llevar a cabo en una plantilla modificada, el sistema es b??sicamente el mismo. Buscar los width de estas zonas y sumarle o restarle la cantidad de p??xels que vayas a necesitar para que en tu pantalla el blog se vea perfecto.

??He dicho restarle?
Si, lo he dicho.
Porqu?? te puedes encontrar con que hayas descargado y colocado en tu blog una plantilla ya modificada, que sea demasiado ancha para tu pantalla.
En este caso la operaci??n tendr??s que hacerla al rev??s y restarle a los anchos de las zonas que abarcan todo el blog los suficientes p??xels para que tu lo veas bien, y repartir esta reducci??n entre las dos columnas.

??Cuidado! En este caso no hagas vista previa antes de hacer todas las reducciones o te llevar??s un susto, ya que al ser la suma de las dos columnas mayor al ancho que hayas dejado, la sidebar la ver??s debajo de la zona de las entradas.

Si lo que quieres redimensionar es un blog con 3 columnas, la operaci??n es similar.
Tan solo tendr??s que repartir lo que hayas a??adido o quitado, entre la zona de las entradas y las dos columnas laterales.

Y si se trata de un blog con widebar, (esa columna lateral m??s ancha que puede haber encima de las dos laterales), has de repartir lo que quites o a??adas entre la zona de las entradas y la widebar y luego repartir lo que le a??adas o quites a la widebar, entre las 2 columnas laterales.

No Comments Found