Traductor
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Quiero esto en mi Blog!

miércoles, 16 de noviembre de 2011

Tu propio Favicon

En esta entrada os voy a enseñar como crear vuestro propio favicon y como introdicirlo en vuestra web.
Un Favicon es un archivo con la extensión ".ico" de 16x16 pixeles que tienen la mayoría de las webs y que se muestra en la pestaña del navegador o al lado del link. Es una cosa un poco tonta, pero le da personalidad a nuestra web o blog.

Maneras de hacerlo:

- Podemos crear un archivo de 16 pixeles de alto por 16 de ancho en nuestro editor de imágenes favorito y diseñar nuestro favicon a nuestro gusto.
- Para los más cómodos, hay webs en las cuáles solo tienes que dibujarlo y después te descargas el archivo. (Véase favicon.cc)

Cuándo ya tengamos el archivo .ico solo nos quedará subirlo:

- En Blogger:
Vamos a Diseño
Buscamos el apartado Favicon y pulsamos en Editar (recuadrado en verde en la imágen):












Nos saldrá una ventana como ésta:
















Pulsamos en seleccionar archivo, seleccionamos en el archivo .ico (con la nueva actualización blogger tambien acepta .png y .jpeg en el favicon), pulsamos en "GUARDAR" y después guardamos la configuración del blog.


- En cualquier otra página web:
Dependiendo desde dónde esté hecha accederemos al código HTML de una manera distinta.
Después tendremos que pegar el código en la cabecera (después de la etiqueta <head>)

<link rel="shortcut icon" href="URL_IMAGEN">


URL_IMAGEN es la dirección donde hemos alojado la imágen

IMPORTANTE: Si después de cambiarlo no vemos que cambie realmente en la web, solo tenemos que pulsar Ctrl+f5, y si ésto no funciona, borraremos la caché del navegador

Espero que os sirva