How do you display your web site logo in the address bar? Use favicon and a bit of code.

What is favicon? Favicon is a custom site logo that can be added to your web site. This logo shows up in the address bar and can add a professional look to your site. See image below. note - some browsers do not support favicon.

Adding favicon to your site is a fairly simple, two step process.

Create the file : First, you must create the favicon file. This file has to be a .ico (windows icon) file with dimensions of 16 x 16 pixels. I used Graphic Converter (Mac) to create my .ico file but there are many programs available that will do the job (search for .ico at download.com).

Implementing : Option 1) If you have root access then you can simply put the .ico file in the root level of your web site. This is the easiest way and will ensure that every page in your site will have the icon. When using this method, the file must be named favicon.ico.

Option 2) If you do not have root access, then you can add a small snippet of code to each page that you would like the icon to be displayed on.