A lo largo de estos días que el sistema de blogs lleva en funcionamiento, he visto que existen muchas dudas acerca de cómo personalizar al máximo nuestros blogs para que queden como realmente queremos. Por eso me he decidido a hacer esta entrada. En ella explicaré los pasos que he seguido para personalizar el blog con imágenes y que me quede ligeramente parecido al de Pep, que tiene una pinta increíble.

En primer lugar necesitaremos una imagen para el fondo de pantalla que sea lo suficientemente interesante (yo he escogido a Auron del FF-X  una casa embrujada). Con el Photoshop u otro programa de retoque fotográfico, cambiaremos el tamaño de la imagen para que haga 760 píxeles de ancho (de momento el alto con que sea en torno a 600 pixeles es suficiente). Una vez tengamos la imagen redimensionada la guardaremos, y la volveremos a guardar con otro nombre, para tener una copia. Con una de las copias, reduciremos el lienzo (no confundir con reducir imagen) para recortar la imagen, y cogeremos como punto de apoyo la parte superior, para que recorte por abajo. El tamaño final debe ser de 760 x 145 píxeles. Es MUY IMPORTANTE, que el archivo se llame "fondo_y lo que quieras". La imagen quedaría algo así:

  Ésta será nuestra cabecera, y de momento la dejaremos reservada.

La siguiente imagen que prepararemos es la que constituirá el cuerpo de la página. Para ello, si hemos elegido un fondo de color blanco (como en mi caso), volveremos a hacer una copia de la imagen inicial escalada, y la de-saturaremos, y jugaremos con el brillo y contraste de ésta, para obtener una imagen que puesta de fondo de página no moleste a la hora de leer. Una vez retocada, procederemos a recortar el lienzo tal como hemos hecho antes, pero ahora partiendo como punto de anclaje desde abajo. Le quitaremos los 145 pixeles correspondientes a la imagen de la cabecera y otros 15 más que corresponden al menú (en total 160). Agrandaremos un poco el lienzo para poder realizar un efecto de fundido en la foto, para jugar con el color del fondo del blog, aunque no mucho. La imagen resultante debe hacer 760 píxeles de ancho por 450 de largo (esta medida es importante porque sino el administrador de imágenes la  redimensionará, y perderemos el efecto deseado. Es MUY IMPORTANTE, que el archivo se llame "fondo_y lo que quieras". La imagen resultante debe parecerse a ésta:

Ahora sólo falta configurar el blog. Para colocar la imagen de la cabecera, iremos a Preferencias>Blog Personal>Diseño del Blog> y seleccionaremos Imagen de Cabecera. Desde el cuadro desplegable, escogeremos la imagen correspondiente a la cabecera. Para configurar el fondo de página, en Configurar zona de contenido>Colores e imagenes de fondo>Fondo de la página y aquí seleccionaremos en el desplegable la imagen que queremos. En caso de que no se viera correctamente, hay que pasar por la configuración de cada sección (pagina, contenido y brújula) y activar la casilla de Transparente para que se pueda ver el fondo.

Por último, y sólo en caso de que queráis cambiar también el icono del calendario (o el de las listas), sólo teneis que en el desplegable de Configurar zona de contenido>Otros elementos>Icono de Calendario escoger vuestra imagen. En cualquier caso, esta no debe exceder de 40 pixeles de ancho. Es muy importante que el archivo empiece por icono_y lo que quieras. Yo he escogido este de muestra:

Espero que estos consejos os sirvan para personalizar a vuestro gusto el blog. Yo de momento dejaré esta personalización unos días, por si quereis comprobar como queda.

Saludos!