¿Que es un favicon?
Fácil el favicon es la pequeña imagen que se ve en el navegador no obstante nuestro blogger ya trae un favicon por defecto que es esa b naranja que a nadie le gusta por lo menos a mi no.
¿Cómo cambiar el favicon?
Cambiar el favicon es demasiado fácil basta con agregar unas cuantas líneas de código de a nuestra plantilla.
1. Primero debes tener la imagen que quieres usar como favicon (generalmente el logo de tu página) en formato jpg, bmp, gif o png en medidas de 16 x 16px o 32 x 32px.
2. Ahora hay que convertir esa imagen en formato .ico y para ello puedes hacer uso de cualquier página web que nos dé este servicio, como por ejemplo Dynamic Drive. Puedes usar tu favicon en formatos png o gif pero si quieres que se vea en Internet Explorer entonces deberá estar en formato ico.
3. Entonces haz click en Examinar y busca la imagen en tu equipo. Luego click en Create Icon y descarga en tu ordenador la imagen en formato .ico Ahora necesitas subir el ícono en un servidor gratuito, aquí puedes elegir el que quieras, siempre y cuando hagas público el archivo.
4. Ya que has subido al servidor el ícono entra en Blogger > Diseño > Edición de HTML copia el código de abajo y pega después de <head> como lo muestra la imagen:
<link href='http://url/ del favicon/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://url/ del favicon/favicon.ico' rel='icon' type='image/x-icon'/>
Obviamente tú debes sustituir donde dice URL del favicon/favicon.ico por la dirección donde tienes alojado el ícono. Si deseas que el favicon sea animado entonces lo haces en formato .gif
Algunos dicen que sólo basta poner la primera línea del código, pero yo les recomiendo que usen los dos, ya que algunos exploradores como el Internet Explorer no siempre muestran los favicones.
Algunos dicen que sólo basta poner la primera línea del código, pero yo les recomiendo que usen los dos, ya que algunos exploradores como el Internet Explorer no siempre muestran los favicones.
Nota1: Si el favicon no se ve entonces pega el código después de la etiqueta:
<head>
Nota 2: En algunas plantillas hay que poner el código antes de la etiqueta :
</b:if><b:skin><
3 opiniones:
Gracias... en blogger me funcionó pegándo el código entre Title y b:skin
Bien Muchas gracias por la ayuda..
me funciono colocarlo tambien entre
/title y b:skin
Una buena y util información.
Gracias
Publicar un comentario
Hola , el blog nesesita tu commentario asi que por favor escribe lo que tu de verdad quieras