Como crear iconos favicons
Los iconos llamados favicons son imágenes pequeñas de 16×16 pixels generalmente con extensión .ico . Son usados para acompañar a las direcciones urls en los browsers, aunque también sirven cuando guardas una página en tus favoritos o marcadores.
Crear un favicon es muy sencillo por su tamaño.
Crear un favicon desde cero
Si te gustaría hacerlo personalmente pixel x pixel, te recomiendo Favicon.ico Generator. De esta manera puedes poner en práctica tus habilidades artísticas. Te da todo, paleta de colores, borrador, 16×16=256 cuadritos para que le asignes a cada pixel el color que quieras y una previsualización conforme lo vas haciendo. Yo hice el mío así.
Hacer el favicon a partir de una imagen
Para esto también hay herramientas online:
Favicons from pics y Favicon Creation Tool.
Ambos te permiten crear un favicon a partir de una imagen que subas desde tu pc, ademas puedes escoger si será animada o estática e incluir un texto para que se desplace junto con tu imagen.
http://tensaiweb.info/blog/
Si pruebas subir una imagen y no te produce nada, prueba con la otra web, ya que no especifican las extensiones que aceptan, ni los tamaños maximos. Aunque se supone que mientras más pequeñas la imágenes, mejor.
Colocar el favicon
Se coloca entre <head> </head> los siguientes tags html.
<link rel=”shortcut icon” href=”url_donde_se_guarda_el_icono/favicon.ico” >
para el favicon estático
y
<link rel=”shortcut icon” href=”url_donde_se_guarda_el_icono/favicon.ico” >
<link rel=”icon” href=”url_donde_se_guarda_el_icono/animated_favicon1.gif” type=”image/gif” >
para el animado
No te pierdas!
- Publicidad gratis con Nierox : Coloca tu icono
- Conoce Xeduced.com y gana un enlace gratis
- Meme: Herramientas que más uso como Blogger
- Lista de blogs con mybloglog para visitar
- Como hacer un icono a partir de una imagen normal
- Intercambio de enlaces con un Blogroll dinamico
- Trucos para Blogger y blogs sobre wordpress
January 13th, 2008 at 10:55 am
Como se coloca un favicon en la version nueva de blogger?? No consigo ver los links en la plantilla…
January 14th, 2008 at 2:56 pm
En plantilla entras a Edicion de HTML, luego presionas Ctrl F y buscas “/head>”, en la linea anterior a esa es que debes pegar los tags de link rel=shorcut tal como esta indicado en esta pagina, indicando la direccion de icono.
Espero se entienda.
Saludos
February 2nd, 2008 at 6:03 am
[…] icon” href=”/favicon.ico” /> pero si no sabes como hacerlo puedes leer este tutorial de TensaiWeb. Espero que les sea de utilidad. Saludos […]
June 23rd, 2008 at 8:11 pm
Muy buena esta herramienta
gracias
saludos
April 4th, 2009 at 8:35 am
eyy xabaleees kien tenga fotolog ke se pase por el mioo
www.fotolog.com/tunolosabes_95
mee da paloo leerr esoo pero bueno yame aran uno jajaja
Comentar