Browser Icon (favicon)

So you want to have a website icon/favicon, well that's good, and even better its a very simple thing to do.

If you do not know what I am talking about, I am referring to the icon that appears in the head of your tab and next to the url bar (this may differ between browsers).
My icon is currently a pikachu.

Right, now here are some simple steps you need to follow to get an icon on your website!

1) Open up your image editer (paint, gimp, photoshop or any other image editing program you use).
2) Create an image of the size width 16px x height 16px.
3) Once you are happy with your image save it with either the extension .ico or .gif.
4) Upload your image to either your website server or an external image hosting website (photobucket, imageshack etc).
5) Finally we need a short piece of code to access the image:

<link rel="shortcut icon" href="url of your image">

Place this code either in the head or the main body of your html.

That's it!

If you have any problems with this, feel free to contact me and I will do my best to help you out.