I found a source on the web that really makes creating transparent favicons a breeze.

The website is called “Dagon Design“.

First, open Adobe Photoshop or any other graphic editing software you use.

Second, make a 34×34 image of the image you wish to be used for the favicon.

Third, take the background off the image (areas you wish to be transparent), then save it as a “.gif” image (IMPORTANT).

Fourth, upload it to Dagon Design’s online favicon generator here.

Fifth, save it to your computer, and then rename the file to “favicon.ico”.

Sixth, upload it to the “root directory” of your website.

Seventh, add the following code to the header of your website so that your browser knows to look for the favicon that you uploaded:

<link rel="icon" href="http://example.com/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon">

Note* Where you see "http://example.com/favicon.ico" should be the location to where your favicon is located at your website.

That’s it! You now have cool transparent favicon.

__________________

Robert Smith
Cheif Executive Officer
admin[at]hastyhost[dot]com
Phone: (206)-666-6603
Cheap Web Hosting

Hey, thats nice trick.. I will use it in my blog this weekend and see how it goes..

Thanks a lot for that neat info though

Raven

Hey, that's a nice feature! I previously hired a freelancer to create one when I needed, but this will save me some money in the future. Thanks for this information!