Crear Favicon (el icono de la barra de direcciones del navegador)

Al icono que muchas veces vemos en la barra de direcciones de nuestro navegador cuando ingresamos a determinadas páginas se le llama favicon

la mayoría de las páginas que veo a diario tienen uno, lo que lo hace un elemento casi tan impresindible como el logotipo. En blogger aparece una B por defecto
La imagen del favicon tiene un tamaño de 16x16 pixeles por lo general pero seguro que se debe poder variar un poco.



Luego de que se tiene la imagen hay que subirla a la página o a un hosting de imagenes. Yo lo que hice con mi blog carman.tk cuando tuve que subir el logo que queria utilizar como enlace y que puse en este blog, fue subir la imagen en post para luego enlazarla. Pero lo más importante es lograr que la imagen este en la red de alguna forma.

Una vez que subimos el favicon solo nos queda insertarlo en el blog. Para ello vamos a Diseño y a la Edición HTML del blog y buscamos el siguiente código:


<title><data:blog.pageTitle/></title>


Y justo antes del mismo pegamos este código:


<link href='http://sitio.com/favicon.png' rel='shortcut icon'

type='image/x-icon'/>


Donde debemos reemplazar http://sitio.com/favicon.png por la url del favicon que subimos en fileden o por la dirección en donde subimos la imagen. Guardamos los cambios y está listo, ya tenemos nuestro propio favicon.

En caso de una página es lo mismo

Espero que diseñes un favicon para todas la páginas que tengas que hacer, ya que como te dije, les da un toque profesional y hoy por hoy todas tienen

Casi me olvido: Solo se ve en mozilla firefox. En internet explorer unicamente en el caso que la página se guardada como favoritos