Creación y uso educativo de blogs

Modificacion

del Ancho de

Pagina

Tema 5

1dospuntoceroenelaula.blogspot.com

Creación y uso educativo de blogs

dospuntoceroenelaula.blogspot.com 2

Lo primero quedebemos hacer esguardar la plantillaactual. Vamos a lapestaña Diseño, enla opción Edición deHTML y pinchamosen “Descargarplantilla completa”:Luego Guardamos.

Creación y uso educativo de blogs

dospuntoceroenelaula.blogspot.com 3

Fíjate en el tamaño queocupa la entrada ahora yel que ocupará después.

Creación y uso educativo de blogs

dospuntoceroenelaula.blogspot.com 4

En la misma pestaña de Diseñoanterior, activamos la opciónExpandir plantillas de artilugio.

Después de activar la opción,localizamos en el cuadrodecodificación de HTML,prácticamente al inicio delcuadro, el siguiente texto:

Creación y uso educativo de blogs

dospuntoceroenelaula.blogspot.com 5

1. Debemos saber que outer_wrapper es el anchototal de la página. Y este ancho lo ocupan elmaiin_wrapper (el ancho de las entradas) y elsidebar_wrapper (la columna de gadgets).Podemos tratarlo como una simple suma:

ANCHO DE PÁGINA = ANCHO DE ENTRADAS + COLUMNA DE GADGETS

Luego aumentando el ancho de páginapodremos aumentar el ancho de entradas.

Creación y uso educativo de blogs

dospuntoceroenelaula.blogspot.com 6

2. Veamos un ejemplo:OUTER-WRAPPER (ANCHO DE PÁGINA):Pasamos de 740px a 900px (ganamos ancho de página total)

MAIN-WRAPPER (ANCHO DE ENTRADAS):Pasamos de 490px a 650px (ganamos ancho para las entradas)

SIDEBAR-WRAPPER (COLUMNA DE GADGETS):Pasamos de 220px a 250px (ganamos ancho para la columna)

COMO VES, LA IGUALDAD ANTERIOR SE SIGUE CUMPLIENDO:

900 = 650 + 250

Creación y uso educativo de blogs

dospuntoceroenelaula.blogspot.com 7

Creación y uso educativo de blogs

dospuntoceroenelaula.blogspot.com 8

Creación y uso educativo de blogs

dospuntoceroenelaula.blogspot.com 9

Fíjate en el tamaño queocupa la entrada ahora.ES MÁS ANCHO.

Creación y uso educativo de blogs

dospuntoceroenelaula.blogspot.com 10

FIN