Website Branding Tip on How to Create a Favicon

1. Go to Dynamic Drive and use their free online icon generator.

2. Create the icon image however you wish. Using your company's initials works well or use a simplified version of your logo.

3. When you are done creating you will be able to preview how it will look and download it to your hard drive.

4. After you've created your favicon, it's time to add it to your site. To do so, follow the below simple procedure:

  1. Upload the generated file ("favicon.ico") to your site. Verify it's there by typing http://mysite.com/favicon.ico in the browser's location, where "mysite.com" is your site's address.
  2. Next, insert the below code in the HEAD section of your pages, at the very least, your site's main index page:

    3. <link rel="shortcut icon" href="/favicon.ico" />

  3. That's it! Note that your favicon may not appear immediately after you've completed the above two steps. In fact, it may take a few days, and in IE, sometimes the favicon will disappear from time to time due to a browser bug.

Content provided by Altered Impressions - making websites that work!

Alternative Styles

Using the power of Web Standards design and CSS to create power and flexable Web site designs. The links below will show you how simply changing the stylesheet attached to this Web site will completely change how this site looks. Keep in mind that none of the actual underlying html code will change.

  • Alternative Style #1
  • Alternative Style #2
  • Alternative Style #3
  • Alternative Style #4
  • Alternative Style #5
  • Alternative Style #6
  • Alternative Style #7
  • Alternative Style #8