10/4/12

Cómo poner un favicon en tu blog

Antes de que continúes leyendo la entrada debes de saber qué es un favicon. Un favicon es el icono de un sitio web que se muestra en la barra de direcciones, una pestaña, el historial y en los marcadores. Puedes ver un ejemplo de un favicon a continuación:


Tal vez te preguntes, ¿para qué sirve esto? Pues sirve para que los visitantes de tu web/blog tengan más fácil acceso a él mediante el reconocimiento de iconos.

Bueno, ahora veremos la primera opción:
  • Para comenzar, debes de tener la imagen que usarás como favicon (comúnmente el logo de tu página) en formato .jpg, .bmp, .gif o .png en medidas de 16 x 16px o 32 x 32 px.
  • Después de tener la imagen que usaremos como favicon, necesitamos convertirla a .ico y para ellos podremos hacer uso de cualquier página web que nos brinde este servicio, por ejemplo Dynamic Drive o FavIcon from Pics. Puedes usar tu favicon en formato .png o .gif pero si quieres que se vea en Internet Explorer deberás utilizar el formato .ico.
  • Después de convertir tu imagen a icono deberás subir el icono a cualquier servidor gratuito siempre y cuando hagas público el archivo.
  • Ya que has subido el archivo, entra a Blogger y después ve a Diseño > Edición de HTML y busca <b:skin><![CDATA[/*
Justo arriba de eso pega lo siguiente:
<link href='Url del favicon' rel='shortcut icon' type='image/x-icon'/>
<link href='Url del favicon' rel='icon' type='image/x-icon'/>

Tienes que sustituir donde dice Url del favicon por el url de donde alojaste el icono. Si deseas que el favicon sea animado entonces tendrás que hacerlo en formato .gif.


Ahora veremos la segunda opción:


Esta es una manera más sencilla y menos complicada, ya que solamente tienes que hacer una imagen con forma de cuadrado en el formato que quieras (.jpg, .png, .gif, etc) y después entrar a Diseño, buscar la parte donde dice Favicon y hacer clic en Editar




Se abrirá una ventana y sólo tendrás que seleccionar tu imagen que tendrá que ser menor de 100 KB y después hacer click en Guardar.



Bueno, eso es todo por hoy, ojalá les haya servido esto.

No hay comentarios:

Publicar un comentario