Como cambiar el Favicon

¿Que es un favicon?

Favicon, del ingles "favorites icon (icono de favoritos)", tambien conocido como icono de pagina.

Es una pequeña imagen asociada con una pagina o sitio web en particular. Los navegadores graficos suelen mostrar el favicon de la pagina visitada, si esta lo posee, en la barra de direcciones y en el encabezado de la pestaña correspondiente. Asimismo los utilizan para identificar mas facilmente las paginas, presentandolos junto a sus respectivos titulos, en las listas de marcadores o favoritos, en los historiales de paginas visitadas y de navegacion reciente, y toda vez que deban hacer referencia a ellas.

El favicon es lo que se muestra en la imagen, en el caso de Blogger es una B naranja, y en el caso de Wordpress es una W.

¿Como hacer mi propio favicon?

Podemos hacerlo en photoshop, paint o en cualquier editor de imagenes y sus medidas deben de ser de 16 x 16 pixeles en formato PNG. Puedes crearlo en FavIcon from Pics o Dinamic Drive, descargarlo en tu PC, subirlo a un servidor de archivos que acepte formatos ICO (.ico es el formato de los favicons) como SkyDrive, MediaFire, Google Sites, etc. O bien, tambien pueden hacerlo mas facilmente con Web Script Lab que el hace tu favicon y lo almacena en su web dandote el link de tu favicon.

 

¿Como cambiar el favicon en Blogger?

Para cambiar el favicon en Blogger vamos a Diseño/Edicion HTML y podemos hacerlo de las dos siguientes formas:

 

Antes de <title><data:blog.pagetitle><title> o antes de </head>. En mi caso lo puse antes de </head> pero si no les sirbe en un lado, intentelo poner en el otro lado.

Bueno ponemos antes de eso lo siguiente:

<link href='URL DE TU FAVICON'
rel='shortcut icon' type='image/x-icon'/>
<link href='URL DE
TU FAVICON' rel='icon' type='image/x-icon'/>

Solo donde dice url de tu favicon, ponen la url donde lo tienen y listo.

¿Como cambiar el favicon en Wordpress.com?

Para los usuarios de Wordpress es mucho mas facil, se ahorran lo antes mencionado, solo hacen su favicon en un editor de imagen y despues van a la seccion de administracion y despues a opciones/general.

Una ves en opciones generales del lado derecho van a encontrar lo suiguiente:

Solo dan click en buscar, buscan su imagen y despues click en subir imagen y eso es todo, tambien pueden recortar la imagen en caso de que sea muy grande. Sean pacientes porque puede tardar un poco en aparecer.

Posted in: Blogger, blogueros, HTML/CSS, Wordpress