jueves, 4 de agosto de 2011

Favicon en los blogs de Blogger (in draft)




Desde principio del mes de julio, Blogger ha extendido a todos los usuarios de su modo "in draft", mejoras y cambios importantes en la interfaz de edición del blog.
Hasta el 7 de julio, y durante los dos meses anteriores, lo ha ido haciendo poco a poco hasta llegar a todos los usuarios de este modo de edición "in draft" que permite ir probando las nuevas funcionalidades antes de ser extendidas a todos los demás "bloggers".
Básicamente, los cambios afectan al diseño e interfaz pero, entre las pocas nuevas funcionalidades, destaca la posibilidad de incorporar un "favicon" desde el panel de edición del blog.
¿Qué es el favicon?

El término viene de la contracción de "favorites icon" (icono de favoritos). Es un icono que aparece justo delante de la dirección URL de nuestra página y delante del nombre del blog o sitio web en las pestañas de navegación, y que sirve para identificar iconográficamente una determinada página o blog.
Decir que no todos los navegadores (ni todos los sistemas operativos) soportan exactamente igual este tipo de iconos.
Hace ya mucho tiempo, exactamente en octubre del 2007, proporcionábamos un truco para incorporar este icono a nuestro blog de Blogger. Era, ciertamente, algo complejo. Entre otras cosas, porque teníamos que alojar la imagen en un servidor ajeno y colocar una línea de código en la plantilla HTML del blog.

Todo esto se ha acabado.
Ahora es mucho más sencillo.
Explicamos los pasos.

1.- En primer lugar tienes que crear una imagen cuadrada con la imagen que quieras convertir en el favicon. Los tamaños no son importantes pero es imprescindible que sea cuadrada.
Para ello puedes emplear un programa gráfico.
Te recomendamos que uses GIMP porque, aparte de ser un excelente programa de software libre, permite guardar la imagen creada con la extensión .ico.
Guardas pues tu imagen con esa extensión en el disco duro de tu equipo.

2.- Vas al modo edición de tu blog y pulsas en Diseño en la barra superior de navegación del blog:



Entras en el panel de edición y vuelves a pulsar en el botón Diseño del menú lateral izquierdo:



Verás que en la siguiente pantalla aparece a la izquierda la opción de edición del favicon. Pulsamos el botón Editar:



En la siguiente pantalla pulsamos en Examinar para buscar la imagen ico en nuestro disco duro:



La seleccionamos y pulsamos en Abrir para subirla al servidor:



Veremos el icono ya cargado. Pulsamos en Guardar:



Pulsamos en Guardar disposición para dejar el icono definitivamente cargado:



Podremos comprobar los resultados.
En mi caso, como en este blog ya lo tengo desde el 2007, lo he creado para este otro.

Si no eres usuario de Blogger in draft vete a esta página:
http://draft.blogger.com/
Entras como usuario de Blogger y seleccionas "Establecer Blogger en borrador como predeterminado".
Related Posts Plugin for WordPress, Blogger...