&*,I-./I0 1*2.B0/.3I4- (* 5- B20# *(53.

6I70' &*&I4- -8 8

Imagen de cabecera
Para esta sesin es necesario descargarse el fichero headerBlogger.zip desde esta
direccin: https://www.dropbox.com/s/hgsy6uqmw48 tsr/headerBlogger.zip

Despus, descomprime (abre) el fichero (paquetito) y gurdalo en tu disco duro !!! "#$%#"D& #' (& $&"P#)& *%# (+ ,%&"D&- !.. $omo resultado obtendrs una carpeta del mismo nombre y en cuyo interior se proporcionan distintas imgenes en formato !"# -e trata de imgenes de tama/o $6% x $4 p01eles #n este apartado se propone utili2ar alguna de ellas para personali2ar el encabe2ado #l tama/o de imagen proporcionado se a3usta perfectamente a la plantilla 4&encillo' o similar -i has optado por otra plantilla habr0a que buscar o elaborar imgenes de otras dimensiones que se a3ustasen a ella Desde la pgina principal del interfa2 del administrador ha2 clic en (ise)o. (5er figura siguiente ( )) Despus, en la parte derecha de la 5entana, ha2 clic ha2 clic en el enlace *ditar del
elemento de cabecera (5er figura siguiente (+))

#n la pgina $onfigurar cabecera puedes modificar el 69tulo del blog (5er figura siguiente (6)) o la (escripci:n del blog (5er figura siguiente (7)) & modo de prueba, cambia el t0tulo y la descripcin y despus ha2 clic en el botn #uardar coloreado de naran3a (5er figura siguiente (8)), para sal5ar los cambios efectuados Podemos 5er el nue5o aspecto de nuestro blog, haciendo clic en 7er blog (parte superior de la 5entana)

Podemos 5er los cambios efectuados haciendo clic en la opcin 7er Blog situado en la parte superior de la pantalla (5er figura siguiente)

Desde el interfa2 del usuario podemos obser5ar los cambios efectuados a nuestro blog 9ol5emos al panel de administrador de nuestro blog y elegimos de nue5o la opcin (ise)o y a continuacin la opcin *ditar cabecera, tal y como 5imos en la pgina anterior 9ol5emos a tener la figura de la pgina siguiente: 9amos ahora a insertar una imagen a nuestra cabecera &cti5a la opcin Imagen : (e tu equipo (5er figura siguiente (6)) +bser5a que ms aba3o se muestra el mensa3e 4 La imagen se reducir hasta los 760 pxeles de ancho Si ya dispones de una imagen de estas dimensiones no es necesario que marques la opcin /educir hasta a;ustar -i la imagen es mayor que este 5alor entonces marca la opcin de reduccin $lic en el botn *xaminar (5er figura siguiente (7)) -elecciona una imagen de encabe2ado de las que descargaste al comien2o de la sesin

&parece la 5entanita del #1plorador de ;indo<s pidindome que eli3a la ubicacin (figura siguiente (6)) de nuestra imagen $lic en .brir (figura (7))

&l cabo de unos instantes la imagen habr subido al ser5idor de =logger -i deseas eliminarla para subir otra ha2 clic en el enlace inferior *liminar imagen #lige el tipo de 5bicaci:n Por e3emplo (etr<s del t9tulo y la descripci:n 9er figura siguiente (6)

Para terminar pulsa en el botn #uardar (5er figura anterior (7)) 9ol5emos a la pantalla principal del interfa2 del administrador &hora, para 5er los cambios producidos, ha2 clic primero en el botn naran3a 4 #uardar disposici:n> (5er figura siguiente (6)) y despus ha2 clic en el botn 4 7er blog> (5er figura siguiente (7))

Desde la interfa2 del usuario, nos aparecer un blog con un formato parecido al de la figura siguiente

-i obser5as, el color negro '+ fa5orece a ese fondo a2ul marino Por tanto, ser0a con5eniente reali2ar unos cambios y poner tanto el t0tulo del blog (5er figura anterior (6)) como la descripcin del blog (5er figura anterior (7)) de un color que resalte ms? blanco, por e3emplo Para ello, desde del panel principal de la interfa2 del administrador, elegimos la opcin "lantilla (figura siguiente (6)) y despus hacemos clic en el botn naran3a 4"ersonalizar' (figura siguiente (7)).

&parece una nue5a 5entana @acemos clic en .=anzado (9er figura siguiente)

Despus elegimos la opcin 4 69tulo del blog> que es precisamente lo que queremos modificar (5er figura siguiente (6)) @acemos clic en la casilla del color blanco (5er figura (7)) Podemos obser5ar cmo se reali2a una pre5isuali2acin de los cambios que estamos reali2ando en la parte inferior de la pantalla (5er figura (8)) -i quieres puedes elegir otros colores

Posteriormente, elegimos la opcin 1(escripci:n del blog> (5er figura siguiente (6) y como hicimos anteriormente, le aplicamos el color blanco *ue no se te ol5ide pulsar en el botn anaran3ado 4 .plicar al blog> (5er figura siguiente (7)) al finali2ar el proceso de cambios

Desde la interfa2 del usuario, nuestro blog ahora tendr un formato similar al de la figura siguiente Puedes obser5ar cmo el color blanco reali2a un me3or resalte sobre el fondo del mar