Como poner un Favicon en tu Blog

Como poner un Favicon en tu Blog

¿Aún no tienes un favicon en tu blog? Bueno, primero les explicaré que es un favicon. Un favicon es un pequeño icono que se muestra justamente al lado de la URL de la página web como veréis en la siguiente imagen.

favicon1

Lo primero que tenéis que hacer es crear el favicon que para ello podemos utilizar programas de diseño como Photoshop (recomendado), Paint o buscar aplicaciones online.

Programas de diseño:

favicon3

En caso de programas de diseño como Photoshop y de Paint solo tenemos que crearlo en un documento 16×16 , diseñar lo que queramos y guardarlo en .PNG, .JPG o .GIF. Recordad que el favicon es muy pequeño así que la imagen no deberá de ser muy compleja, recomiendo algo sencillo, bonito y simple de ver. Como recomendación podéis poder tanto las siglas del blog como un pequeño icono que sirva para representar el sitio.

[sigma]

Después debemos subir la imagen a un sitio como Convert Icon para que nos cambie el formato de la imagen a .ico y posteriormente la colgamos en nuestro servidor FTP.

Finalmente debemos añadir este código en nuestro archivo header.php entre el <head></head>:

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

Donde favicon.ico es donde está guardada en el servidor FTP nuestra imagen.

Aplicación Online:

favicon2

Si queréis hacerlo mediante una aplicación online podéis hacerlo en la web Favicon.cc dónde permite crear nuestro favicon de forma sencilla a partir de una paleta de colores o importando nuestra propia imagen. Además este servicio nos permite “animar” el icono frame por frame. Aparte de eso podemos publicar nuestro favicon, poniendo nombre, descripción y tags incluyendo licencia Creative Commons o ver favicons que han creado otras personas.

Para subirlo en nuestra web el proceso es el mismo que el anterior, subimos este código en nuestro archivo header.php entre el <head></head>:

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

Donde favicon.ico es donde está guardada en el servidor FTP nuestra imagen.

¡Espero que les sirva de ayuda!

Entradas Relacionadas:

  1. Contador de visitas con excelentes diseños para tu sitio web o blog
  2. Errores que puedes evitar cometer cuando creas o inicias un blog
  3. Haz tus propios logos o banners para tu blog
  4. Photofunia.com: hacer fotomontajes online gratis
  5. El Blog de La Semana 1 – Ohgrafico.Com, para Apasionados del Diseño