Creaci贸n y uso educativo de blogs
Tema 5
dospuntoceroenelaula.blogspot.com
Modificacion del Ancho de Pagina
1
Creación y uso educativo de blogs
Lo primero que debemos hacer es guardar la plantilla actual. Vamos a la pestaña Diseño, en la opción Edición de HTML y pinchamos en “Descargar plantilla completa”: Luego Guardamos.
dospuntoceroenelaula.blogspot.com
2
Creación y uso educativo de blogs Fíjate en el tamaño que ocupa la entrada ahora y el que ocupará después.
dospuntoceroenelaula.blogspot.com
3
Creación y uso educativo de blogs
En la misma pestaña de Diseño anterior, activamos la opción
Expandir plantillas de artilugio.
Después de activar la opción, localizamos en el cuadro decodificación de HTML, prácticamente al inicio del cuadro, el siguiente texto: dospuntoceroenelaula.blogspot.com
4
Creaciรณn y uso educativo de blogs
1. Debemos saber que outer_wrapper es el ancho total de la pรกgina. Y este ancho lo ocupan el maiin_wrapper (el ancho de las entradas) y el sidebar_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รกgina podremos aumentar el ancho de entradas.
dospuntoceroenelaula.blogspot.com
5
Creación y uso educativo de blogs
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 dospuntoceroenelaula.blogspot.com
6
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 Fíjate en el tamaño que ocupa la entrada ahora. ES MÁS ANCHO.
dospuntoceroenelaula.blogspot.com
9
Creaci贸n y uso educativo de blogs
FIN dospuntoceroenelaula.blogspot.com
10