La taza de café

Image by iogi via Flickr

¿Cómo coloco un icono junto a mi dirección web que sustituya al icono predeterminado de Blogger?

Se le llama favicon, y el caso de Blogger tienen este que vez en la entrada.

Este es el icono que identifica a Blogger y a su servicio gratuito de alojamiento y administración de blogs. Pero si deseas tu propia imagen para acompañar la dirección de tu web es esto lo que debes hacer:

1) Escoge una imagen que debes llevar a las medidas de 48 por 48 pixeles y debes guardarla como archivo png.

2) Sube esta imagen a Internet, aprovechando un servicio gratuito de alojamiento de imágenes online como ImageShack o Flickr.

3) Coloca la dirección de tu imagen dentro del código que sigue y en donde están mis mayúsculas:



<link href='AQUI VA LA URL DE TU IMAGEN' rel='shortcut icon' />


4) Ve a Diseño en tu escritorio de Blogger, y allí selecciona la pestaña "Edición de HTML"

5) Busca con CTRL+F dentro del código de tu plantilla la frase /head (fíjate que se la que va precedida por backslash). Justo antes de esta coloca el código.

UN ÚLTIMO CONSEJO: Como la imagen que debes escoger es pequeñita, seguramente tendrás que probar con varias hasta encontrar la que quede bien a esa escala y que resulte atractiva e identitaria para tu blog. Así que te recomiendo subas varias imágenes y pinches cada vez Vista Previa, antes de encontrar lo que buscas y guardar definitivamente los cambios.

Y eso es todo. Espero que no te sea muy difícil. Por si acaso, mi correo está en el sidebar, recuerda. No dejes de escribirme tus dudas.

Nos vemos en la próxima.