Placing an icon (favicon) in the address bar
I got really excited about making this change to my blog:
If you look at my site now, the address bar should show you a little icon that looks like this: ![]()
It’s called a favicon. All the major websites have one, since it provides an easy way to associate branding and recognition of the site. So, of course I wanted one for myself. Here’s the quick way to make one:
1. Create a 16×16 pixel image file using your favorite drawing program and save it as “favicon.ico”.
2. Upload that file to the root directory of your site.
3. Insert the following line of code into the <Head> section of the pages you want to display the image:
<LINK REL=”SHORTCUT ICON” href=”http://www.example.com/favicon.ico”>
If you’re lazy like me, you can do a search on Google to find free favicon icons as well as websites that will convert larger images into favicon files.
I’m pretty sure this is the quick and dirty way of setting up an address bar icon, since I looked at the source code of some websites and found that this line of code was not there. Any tips from the peanut gallery would be much appreciated!
most browsers will by default look at the root of a domain for “favicon.ico” and apply that icon.