Have you noticed those little icons in the status bar?
See the little laptop? Its a favicon.
A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is an icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's URL bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title. The Microsoft Windows Shell also uses favicons to represent "Internet shortcuts" to web pages.
So how do you get it in there?
add this to the <head>
<link rel="icon" type="image/png" href="/path/image.png"/>.
but sometimes this png doesn’t work so I like to use a ico instead. Its the original way and it works great on almost all browsers. The code goes something like this
<link rel="shortcut icon" href="~/pics/MyICo.ico" type="image/x-icon"/>
Bam you have a favicon.
How do you make a ico? Well that was more difficult and in the past i had to download a special program but now there is a website that does a great job of it.
http://www.eisbox.net/iconvert/
you upload a image and it spits it out in ico as well as many other formats..
What way do use
Technorati Tags:
Tutorials,
HTML