Software, .NET, PC's, PHP, ETC..

 

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:

software tutorials 

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/