Adding an icon (favicon) into your websites address bar and bookmark
When you visit web sites either by directly typing in the URL or through clicking on one of your bookmarks you will often see a small icon appear in the address bar .
It makes a site look professionally rounded off. So how do I go about adding one to my website?
After a little web surfing I found the answer. To begin with you will need to create the ICON.
The Icon
Here are the details of the file you will need to create for your icon.
(1)16 pixels by 16 pixels
(2) it will need to be in the "ico Win32 format
(3) named:favicon.ico"
You can create the icon in any graphics editor you want. Problem is it is hard to find a graphics editor that will save your icon in the ".ico" format.
Thanks to the WWW this is an easy fix just search for "favicon" and you should find a site like this: http://www.html-kit.com/favicon/
This site will let you upload the (icon) image you have just created and will then reformat and let you download a "ico" file.
Its a beautiful thing, and all free of charge.
Where do i place the "ICO" file?
Simply place the "ICO" file in the root directory of your website.
So for me it sit in www.kenwong.com.au/favicon.ico. for you that would be www.what everyoursiteis.com/favicon .
Pretty simple really.
What if i don't own my own domain name?
You will also then need to add in this piece of code for the browser to know what to do.
<link rel="shortcut icon" href="favicon.ico" >
Place this code in you headerso in between the <head> and the </head>
Worked for me ! Give it a try takes like 10 mins. The hardest thing really is trying to decide whatyou want to use as a logo. And then creating it.