2007-11-03

TUTORIAL: Como hacer un FavIcon y agregarlo a tu Blog o Página Web

Un FavIcon es un pequeño ícono que le podemos agregar a nuestra página web o blog para distinguirla y hacerla más fácil de reconocer y encontrar. Es una buena forma de marketing.

Pueden ver como el ícono que está a la izquierda de la dirección en mi página se ve así



La imagen que usan como FavIcon puede ser la que ustedes quieran pero recomiendo una que se vea claramente al estar muy reducida de tamaño (un FavIcon tiene 16x16 pixels). El logo de su página o Blog es lo recomendable.

Una vez que hayan elegido la imagen para usar de FavIcon, hay que hacer un corte de la imagen lo más cuadrada posible y guardarla en formato BMP, GIF, JPG o PNG que no exceda los 100kb de peso. Para asegurarse que no exceda ese tamaño elijan una calidad adecuada al comprimir la imagen, es más fácil con JPG que con los otros formatos. Para hacer el recorte y guardar la imagen recomiendo un programa como Photoshop o su alternativa OpenSource (y gratuita) GIMP.


Elijan una imagen y reórtenla en forma cuadrada
Luego sálvenla a un tamaño menor de 100kb

Ahora ya tienen la imagen. Sigue sacar una cuenta en myFavatar un sitio donde almacenan FavIcons de más de 2000 blogs y sirve como servidor para nuestro FavIcon sin tener que pagar un centavo.

Una vez que sacan la cuenta gratuita en myFavatar y se logean van a "change favatar" y ahí ponen "browse" y eligen la imagen que quieren como FavIcon. Luego que la imagen se sube van a "Favatar Codes" ahí verán que arriba de una de las cajas con código dice "Favicon Code" para agregar tu FavIcon a un blog (como por ejemplo de blogger) tienen que copiar el código de esa caja y ponerlo entre HEAD> y /HEAD> en el código HTML de tu blog o página de Internet.

Para editar HTML en Blogger tienen que ir Plantilla y luego Edición de HTML ahí buscan
HEAD> y pegan justo abajo el código que copiaron.


Hay que copiar y pegar éste código en nuestro HTML.

Con eso terminamos. Veamos nuestra página y si todo salió bien ya debería verse el FavIcon.

0 Comentarios:

Publicar un comentario en la entrada

Recibí los nuevos artículos por email: