Tutorial Html: colocar Icono en barra de navegacion

Este es mi primer tutorial Html, espero que les sirva.



Que es esto?
este es el icono que esta en el navegador de la pagina que estas. Se les conove como los NavBars icons o Tab Icons.
Como se hace?
Tenemos que tener la imagen que queremos en 16px x 16px en formato .ico. Para hacer la imagen formato .ico nesesitas el programa IrfanView, Es muy sensillo de grabarla en formato .ico.

Grabas la imagen en formato .png, .jpg, Etc.
En Irfan View vas a Open y buscas la imagen que quieres cambiar a formato .ico.
Le das file > save as, Buscas los formatos y seleccionas “ICO – Windows Icon”.
Seleccionas la calidad( 9 en la mas alta ) y la transparencia si deseas, y grabas.
Nos dirijimos a nuestra pagina y colocamos el codigo de el icono el cual es(el codigo va dentro del Tag de Head):

<link rel=”Icon” href=”url de la imagen” />

Mi twitter: http://twitter.com/#!/Piano_CR

Saludos!