Create Favicons for your website
Blogged By Kishore Duddekunta on Thursday, December 14, 2006
Post Comments|| Email Friend|| Add On Del.icio.us ||BookMark It||Print Page ||Stumble It!If you a regular surfer on internet you would have probably seen small pictures or designs on the left hand side of the address of a website in your navigation toolbar. Like for example take Google website. when you type in www.google.com on the navigation bar the first thing that you would see in the navigation bar is the favicon. For Google its looks like this
Some of the popular website favicons:
Ever wondered how to create one of those favicons for your website. well let me help you in creating a favicon for you. first choose any picture that you like and save it your desktop for easy access. One suggestion would be to use the initials of your website address as the favicon. It makes sense as it matches your website address.
There are a number or free favicon sites that would help you in generating favicon's. Some of my personal favourite sites are
- www.favicongenerator.com
- www.somaicon.com (you can design your own favicons here)
Once the favicon button is generated a link appears below and you can either click the Download button or right click the image to store it on desktop
So now you would be thinking ok i have created the favicon so what to do next.....
For that you need to do two steps
- Upload the favicon online
- Add a link in your website
once a page is created on the right hand side would be a column called Files Uploaded. Below that would be a link named upload.
click on the upload link and an address bar with a browse button appears above it. click the browse button and upload the favicon file
once the file is uploaded. you need to feed the address of this file in your webpage for the favicon to appear in your website.
So here is an example:
i have uploaded the favicon in my google pages with my username being tom1989 and the file name as test.ico
The address of my favicon wouldbe tom1989.googlepages.com/test.ico .Then insert this piece of code right below

















Readers Comments!