-->
Cambiar Favicon en Blogger

Cambiar Favicon en Blogger

 El favicon es el ícono que está a junto a la barra de direcciones (como sale en la imágen de abajo)



Lo primero que deben hacer es conseguir o crear un ícono de 16x16 píxeles, si tienen ya el ícono creado pero quieren darle formato .ICO (ya sea desde cualquier formato de imágen estándar) pueden hacerlo mediante este enlace.
Lo segundo que deben hacer es subir a algún servidor ese .ICO (la mayoría de los hostings de imágenes no permiten subir .ICO), les recomiendo Fileden (necesitan crearse una cuenta).

Para insertar nuestro favicon vamos a Diseño y a Edición HTML del blog y buscamos el siguiente código:
</body>
Y ANTES del mismo pegamos el siguiente código:

<link href='http://xsitio.com/favicon.ico' rel='shortcut icon'
type='image/x-icon'/>
 http://xsitio.com/favicon.ico lo reemplazan por la URL de su archivo .ICO


Revisan si el cambio es efectivo con ''Vista Previa'' y para mantener el cambio guardan la plantilla.


Nota:
He comprobado que también se puede con imágenes, el favicon no necesariamente tiene que venir en formato .ICO, pero sólamente podrá mostrar el ícono bajo Firefox, Chrome, Opera, NO Internet Explorer (Si alguien crea un acceso directo en alguna parte del escritorio no se visualizará el ícono debido a que no está en formato .ICO (por defecto en Windows)


Recomiendo siempre respaldar la plantilla .xml para evitar errores de formato HTML, CADA VEZ que se modifique algo.

Algúna duda, o problema, comentar....

Actualización:
Aquí les dejo un videotutorial hecho por mí.



Saludos y espero que les haya servido.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marcadores sociales con efecto para Blogger # - Marcadores sociales con efecto para Blogger
¡Hemos actualizado el diseño del blog! # - ¡Hemos actualizado el diseño del blog!
Crear una plantilla desde cero para Blogger: Parte 1 - El cuerpo del blog # - Crear una plantilla desde cero para Blogger: Parte 1 - El cuerpo del blog
Zoom en imágenes al pasar el mouse con CSS # - Zoom en imágenes al pasar el mouse con CSS
Usar JW Player en Blogger # - Usar JW Player en Blogger