mightyhitter.com

How to add an icon to your blog URL (favicon)

Okay, let’s make it easy for everyone. If you think having somekind of icon near to your URL in the browser is cool, let’s do these;

1. Have your normal picture which you want it to be an icon ready. Put it for example at c:\mypic.gif.

2. Go to this online icon generator. This website rocks!

3. Look for “Source Image”, click browse and find your picture at c:\mypic.gif.

4. Click “Generate FavIcon.ico”.

5. There will be a preview of your icons, the static and animated one.

6. Click “Download FavIcon”. Save the zip file on the desktop. You will need a Winzip program to extract.

7. Extract the file to your somewhere in your computer, for example: c:\myfavicon.ico.

8. Use your FTP client and upload it to the webserver such as http://www.yoursite.com/favicon.ico.

9. Ok now Wordpress users, go to the dashboard, look for “Presentation”, and click “Edit Theme”.

10. Find the header.php and open it for editing.

11. Locate the </head> text and enter a new line just before it.

12. Enter the following line:

<link rel="Shortcut Icon" xhref="/myfavicon.ico" type="image/x-icon" />

13. It’s done, save it.

For non wordpress users, be sure to insert the above line in your pages header.

Good luck!