|
Add a "Favicon" to your website - This will cause internet surfers to see a little icon next to your URL ( and when using Firefox, the actual tab will show this icon as well )
Also, if you do this for your blog, FeedReader or other rss reader programs will display this icon next to the blog:
|
1. Go to: http://www.winterdrache.de/freeware/png2ico/index.html and download the command line version of this. (It's easier, trust me, than trying the .NET version. At least I didn't have much luck running the GUI version even though I do have an application that uses dotnet, so I have it on my system). The command line version just simply works.
2. Unzip the file: png2ico.exe (this is the file mentioned above in 1.) into a 'central repository' folder where you keep downloaded utilities like this. (For instance, I keep downloaded software in E:\ZIPS\UTILITIES)
3. Then create a 16 x 16 png file from whatever jpg or gif file that you plan on using for this image.
You can use a variety of apps to create this PNG file. I use Paint shop pro. But I just now checked, and you can use Win XP's built-in Paint to save as PNG. It has to be 16 x 16.
4. Then open a command prompt and navigate to this folder where this PNG file resides.
5. Then type in: E:\ZIPS\UTILITIES\FAVICON-UTILITY\png2ico.exe favicon.ico myfile.png
(That is, if you were on my computer. Use whatever path is applicable to you. You know, the blue part.)
6. Check this folder now - you should now have a FAVICON.ICO file sitting there. Yes, it's exciting, but go to the next step.
7. Now, you have to go into your Header section and paste this:
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
Remember, of course, to upload this file to your web server after making this change.
8. Then upload your FAVICON.ICO file next.
|
Steps 7 and 8 for users of XSitePro
- First go into Other Tab, and then Scripts. Paste those two lines in the top box.
- Now, add your .ico file to your file manager. Stay in the Other tab and click File Manager. Navigate to the proper folder, and add it.
- Publish
|
Another solution is to use: http://www.chami.com/html-kit/services/favicon/

|