Crear y colocar el favicon de nuestro blog

Para conseguir este resultado primero he diseñado este icono utilizando la aplicación GIMP. Esta imagen para cumplir con su función debía ser cuadrada y en este caso es de 400x400px. He utilizado para diseñarlo la herramienta de texto y he escrito las iniciales de mi blog (1bach C) y abajo en pequeño el nombre de la asignatura (TIC). Una vez ha quedado el resultado a mi gusto he exportado la imagen a .jpg para guardarla en el ordenador.

Antes había la acción más sencilla de cambiar el favicon pero ahora se debe hacer por HTML:

Primero hay que crear una nueva entrada con la nueva imagen en HTML por medio del lápiz de la izquierda "Vista en HTML" y copiar la dirección URL la imagen  y copiar la dirección en un edit.

Después de esto, he seleccionado diseño, tema, personalizar y en el desplegable he elegido "Editar HTML". Con "Cntrl+F" he abierto un buscador en la parte inferior y he buscado la palabra "tittle" y ha encontrado la línea. En dos líneas anteriores he escrito:

<link href='URL del favicon.ico' rel='shortcut icon' type='image/x-icon'/>  

<link href='URL del favicon.ico' rel='icon' type='image/x-icon'/>

Donde pone URL del favicon.ico debemos escribir la dirección de URL que he realizado anteriormente.

Por último he seleccionado "guardar" y el favicon ha aperido en la barra del título de nuestro blog.