Posts Tagged ‘code’

How to make an easy website icon,shortcut icon,url icon, bookmark iron or “favicon”

Friday, October 10th, 2008



Have you notice or curious about the little icon that display next to the url address? Well that little icon is called a number of names; include favicon icon ,url icon,bookmark,website icon, shortcut icon and a number of other names, now i m going to show you a few simple steps in making your own favicon for your website, free and easy steps.

First you have to have a website, along with a web site the hosting site, the gif or image file

Now, create your unique image or download an image and size it to 16×16 pixels.
Save the image as an ICO file (named “youriconname.ico”). If you can’t save it as .ico, you can save it as gif image or any other image file

Upload file to your root web hosting directory, and if your image is not .ico file you can now rename and save as .ico file

now copy and paste
<link rel=”shortcut icon” href=”http://www.youriconhere.ico” type=”image/x-icon” />

Again remember to put the your upload image.icon that you save in to the <href=”…”> code part to tell the code to show your icon.

Now put the code after the <head> section in your web site that you want the favicon to display.

There you have it, now go create your own and remember to pass on it on!!