favicon.jpg Seguramente alguna vez habrás visto un pequeño ícono que aparece en la barra de direcciones de tu navegador, junto a la URL de determinados blogs; estos pequeños iconos se llaman favicons, y esto se debe a que este pequeño gráfico aparece también cuando agregas dicho blog o página Web a tus favoritos. Pero ¿cuál es la ventaja de usar un favicon?. La ventaja es que le das un toque de personalización a tu blog, lo haces sobresalir del resto además de que ayudas a los visitantes a asociar tu sitio con una imagen, algo que puede ayudar a recordar. ¿Y cómo se hace un favicon?. Pues para empezar hay que aclarar que un favicon es un archivo de imagen con la extensión ICO, que puedes crear con ayuda de cualquier aplicación de edición de gráficos como MS Paint, Fireworks, GIMP y un largo etcétera.

bpb_favicon.jpg También hay algunos sitios que te permiten “dibujar” tu propio icono en línea y guardarlo para que lo uses. Otros te permiten subir una imagen que convierten a formato ICO y después puedes guardarla en tu disco duro. Para mí el proceso más fácil es crear una imagen y después ir a alguno de los sitios que convierten el archivo en ICO, así obtienes un gráfico de mejor calidad, comparado a un icono creado “a mano”. Aquí tienen algunos sitios para crear favicons.

Con esos sitios tiene más que suficiente, todos son muy fácil de usar y no tienen ninguna complicación. Si quieren otra sugerencia, pueden usar este sitio que es al que siempre recurro en caso de que necesite un icono. Además ofrece vista previa en el navegador y podemos generar hasta un icono animado.

Una vez que ya tengan su archivo ICO sólo tienen que agregar una pequeña línea de código para decirle a los navegadores que asocien esa imagen con su blog, Deben poner la siguiente línea en la cabecera de su sitio, antes de la etiqueta </head>.

<link rel="shortcut icon" href="favicon.ico" />

Eso es todo, ahora ya tienen una imagen para la URL de su sitio. Si no les funciona, dejen sus dudas en los comentarios, pero no deberían de tener mayor problema. Si desean saber más sobre este tema, este post en el blog Performancing es el indicado.

También te recomendamos:

  1. Generador de favicons para tu blog Los Favicons son unas pequeñas imágenes que aparecen a un lado de la barra de direcciones en tu navegador Web....
  2. Crea tu blog gratis con Start4all Start4all es nuevo servicio que ofrece blogs gratis a cualquier persona que lo solicite, sin embargo, el funcionamiento es un...
  3. La importancia del diseño de tu blog En ZonaCerebral me encuentro con este excelente post en el que Iván se plantea los factores que hay que tomar...
  4. ¿Tu blog es legible? Esta herramienta (más bien es un test) te dice qué tan legible resulta ser un blog. La verdad no sé...
  5. Los 7 pasos para tener un blog exitoso En el blog eTc han publicado un post que nos dice los 7 pasos para tener un blog exitoso; dichos...

5 Comentarios para “Cómo poner un favicon en tu blog”

  1. Lordvader dice:

    Una cosilla a comentar, la mayoría de los sitios de alojamiento no permiten archivos .ico, yo uso para el mio Fileden, que si lo permite.

  2. Emile dice:

    Genial!
    Funciona a la perfección.

    Muchas gracias!

  3. andres dice:

    hola yo tengo un blog y ya tengo la imagen .ico pero no se como guindarla en la pagina, bueno me refiero a q el codigo en el head solo no basta verdad.. pero no se como hacerlo si me puedes ayudar te lo agradeceria…saludos

  4. ghostrider10 dice:

    muy chido el truco, si me salio yeahªª

  5. ludwing dice:

    no puedo poner el favicon nose si es por mi plantilla
    tengo esta plantilla:
    Theme Name: WordPress Vibrant
    Theme URI: http://www.customthemedesign.com/
    Description: A vibrant wordpress style by Custom Theme Design.
    Version: 1.0
    Author: Ahmed Fouad
    Author URI: http://www.customthemedesign.com/

    pero no se como ponerle un favicon y que no aparesa la B de bloggler… gracias x la ayuda ..

Lo siento, ahora mismo los comentarios están cerrados.

© 2010 BitNube Suffusion WordPress theme by Sayontan Sinha