03 noviembre 2011

Favicon con animación

Favicon es el icono que aparece en la barra de direcciones del navegador, es decir el Logo que representa nuestro blog.

Aunque hay muchos servicios gratuitos que ayudan a crear favicones, la mayoría de estos servicios utilizan imágenes fijas. Yo he usado una animación para mi blog como podéis ver en la barra de direcciones y en el video de abajo. Consiste en un logotipo y, a continuación, el título del blog como texto. La imagen y el texto juntos hacen mejor combinación.

Por lo tanto vamos a instalarlo en nuestros blog:
1.-Vamos a favicongenerator
2.-Justo en la parte inferior, veremos un recuadro donde introducir nuestro logo y texto.

3.- Pulse el botón Generar Favicon

Aquí veréis muchas imágenes solo hacer clic derecho en el animado  y guárdarlo en el equipo.

4.- Ahora suba la imágen a cualquier servidor, tinypic , imageshack etc....y copia la url del gif.

Vaya a blogger > Diseño > Editar HTML y búsca  <b:skin> y justo encima, pegue el código siguiente,

<link href='url de gif' rel='icon' type='image/gif'/>

Remplaza donde pone Url del gif por la url de la tuya, es decir la que subiste al servidor.
!Guarda tu plantilla y listo!

Si todo sale bién, veréis en la barra el icono animado como este:



Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"