The image should be 16x16 pixels
The image can be .gif, .png or .ico   (preferably .ico named favicon.ico)

1.  If using an .ico file name it favicon.ico
     It will show up in all browsers with no problems
     Put this in your HEADER:


Replace image url with the url of the favicon.ico

Free Favicon Generator and Hosting



2.  If you use a .gif or .png image you need to use both of the codes below in order for it to show up in all browsers.       


replace image url with the url of your image
Where it says image/png -   leave it as image/png for a .png file.  Change it to image/gif if your image is a .gif.

That seems to be for the downloadable version of SMF. I am not using that.

what exactly is a favicon?

ok ty ill read up 

I know that fileden does. I'm sure if you google host's that except favicon .ico files you'll find some.

For one thing.. in the first line you have:  type="image/png"    but the image is a .jpg 

For another .. it works better with IE if the image is an .ico and named favicon.ico   
I do realize though its not easy finding a place to host an .ico file.

In your Header

Admin > Manage Styles > Header/Footer

Thanks very much!
Helped alot!