I have always wondered how they put an icon next to the website address in the browser. Until recently when I saw the log file of my blog, there are many request for the file "favicon.ico" to my root directory.
This is the logfile on the activity of my blog. There have been numerous request for "favicon.ico" which I don't really understand what it means.
First of all, I don't have a favicon.ico file anywhere in my host and I really don't know what is the "favicon.ico" means, until I google it recently.
A favicon is a small icon placed next to the web address bar in the browser. Look at the small blue color square next to the address.
The favicon will also displayed in the favourites bookmark of the browser if you bookmark my website.
Finally, I understand that favicon.ico is an icon file which is used next to the url in the browser. Instead of that, it will also be saved in the browser bookmark too. So, I tried to dig deeper into the source to find out how can I create a favicon of my own and put it into my blog too.
The method is rather simple,
Create an icon file. I found this free icon software very useful to create an icon file. The icon used in the browser is displayed in 16x16 pixel, a rather small size to put much things inside it. This program allows you to make a 32x32 pixel icon as well and the browser will shrink it to 16x16 pixel.
Once you are done with your icon, just upload it onto your web server. You may place the icon file in any directory in your web host since you just need to direct the file directory from your web page header.
In case if you are not using any webhosting, you could use any free photo album available all over the internet such as photobucket, flickr etc.
Add the favicon tag into the website header. A favicon header tag looks something like this.
<link rel="icon" href="image/favicon.ico" type="image/ico"/>
This tag must be place between the <head> and </head>
You must make sure you put the correct directory where your icon file is located in the href="" reference or else it would not work.
Instead of using .ico file as the favicon, you could also use animated gif too. As what you found on my blog's favicon. It is an animated gif.
The favicon works pretty well on Mozilla Firefox but not on Internet Explorer. I'm not very sure why IE wouldn't support it, that would be another reason why you need to switch to Firefox hehe.
Weekend at Sungai Klah Hot Spring Park
It has been a tiring working week. With so much issue in the line which never seems to come to an end and tonnes of assignments which never seems would finish. So much headache and I really wanted to set free and relax my mind.
My Brother In Laws Nursery
This is the story about my brother in law's nursery and farm in Ringlet, Cameron Highlands.
Arcade games of the past
Some of the well known arcade games which I enjoyed during my teenage time
Nasi Ganja - Addictive as Marijuana
The infamous addictive curry rice of Ipoh. What makes this food so addictive as it was like Marijuana!
Big Apple Donut Kinta City
While Krispe Kreme and J.Co is being well known for their delicious donut, Big Apple is another new face in the donut maket and it is available at Kinta City, Ipoh.
The Lost World of Tambun at Sunway City Ipoh
Just spent another day at Ipoh's premier water park.
Kizuna Japanese Restaurant
There has been quite an amount of Japanese Restaurant operating around the Medan Ipoh lately and the Kizuna was one of the good one.
Fo Guang Shan Dong Zen Temple
The beauty of Fo Guang Shan Dong Zen Temple Flora Festival 2007.