3. Imagen de cabecera y favicón.

En esta práctica se insertará una imagen de cabecera debajo del título del blog y personalizaremos nuestra pestaña del navegador insertando un Favicón (icono de favoritos). Las dos imágenes se suben desde la vista diseño en los gadget de la parte superior al pulsar en la opción editar.

Imagen de cabecera.

La imagen de la cabecera se inserta desde la opción diseño en editar del gadget de la cabecera. Antes de insertar la imagen es conveniente editarla para modificar su diseño y ajustar su tamaño. Utilizaremos el programa Gimp (software libre) para editar las imágenes.

Los pasos a realizar son los siguientes:

1. Selecciona y guarda la imagen en el ordenador.

2. Abre la imagen desde Gimp.

3. Selecciona la herramienta cuadro de selección y elige la zona a capturar.Modifica el tamaño de la selección para ajustarte a la plantilla y el ancho del cuerpo del blog. En este caso el cuerpo tiene 1000px y la imagen es de 980x90.

4. Copia la selección utilizando el menú edición. Crea un archivo nuevo con las dimensiones de 980x90 y pega la selección.

5. Crea una capa nueva e inserta un texto con la herramienta texto. También se puede inserta un rótulo con distintos efectos utilizando la opción Archivo/Crear/Rótulo y se elige el más adecuado. 

5. Podemos mejorar el contraste entre el texto y la imagen utilizando un paño o degradado entre la el texto y la imagen. 

6. En la cabecera también podemos poner un pequeño montaje con objetos que hagan alusión al tema elegido. Crea una nueva capa, selecciona el contorno, copia y pega la imagen en la capa creada. Escala la imagen para situarla dentro de la imagen de fondo de la cabecera. 

7. Otras opciones son:

1. Insertar un gif animado. Crea sucesivas capas con objetos que se desplacen en las sucesivas capas y guarda la imagen como .gif
2. Recortar parte del contorno de la imagen. En este caso la imagen hay que guardarla en formato .png 



1. Aplica efectos  o filtros.
2. Utilizar zonas con transparencia.

Crea un Favicón

El favicón es una imagen cuadrada de un tamaño igual o inferior a 100x100px.

 Ejemplo: