Need to add favicon on my website.

Hi everyone up there.
I'm GeneralDee the rookie.
I will like to add my favicon in the user section and admin section so everywhere i am on the website i can see it.
I went the favicon to be see on all browser also (IE, Firefox...).

What's the code i should put is this one ok ?

<link rel="shortcut icon" type="image/x-icon" href="images/gdee.ico"/>
<link rel="icon" type="image/png" href="images/gdee.png"/>

I put my .png and .ico on template/images but i don't see my favicon still.

Where is the file location to add the favicon code so it appear for everyone (user and admin) ?
I try on template/header.tpl but it not show up.

Thank you for your help in advance.

Regards,
General Dee
http://xclananddudes.net/tubexcad

Create favcon in photoshop. Rename it favicon.ico

Upload it to public_html

Edit header and add <LINK REL="SHORTCUT ICON" HREF="http://www.YOURDOMAIN.com/favicon.ico">

HI buyscripts,
Thank you for you fast answer (less then 5 minutes).
For Firefox the problem is solve i can see my favicon from the user and admin view.

For those who want to add favicon, you just have to create a picture on photoshop and give i'm the name your want with the extension .ico Upload it to public_html and add this code :

<link rel="shortcut icon" href="http://yourwebsite.com/thenameofyourfaviconhere.ico"/>

The spot for user interface view is :
Add this code on page template/header.tpl.

The spot for admin interface view is :
template/admin/main.tpl/

I still not solve yet my problem, so i can see my favicon on Internet Explorer.
As soon i have the real good code i will post it on this message.

Anybody have the code for favicon to appear on IE ?

Thanks again Buyscripts.

regards,
General Dee