BHS DESIGN - How to use your own favicon.

Page Info

Page Title: How to use your own favicon.
Description: Quick description of the method and HTML code for using a favicon
Author: Dumb Genius
Submission Date: 04-01-2005 11:30

Rating & Comments

View or add comments:

(0)
Average members rating:

To use an icon that will appear on the adress bar of your browser or when a user bookmark your site, place the following code in your HTML code:

Code :
// hide source code
// hide line numbers



1  <link rel="shortcut icon" href="http://www.your_site.com/icon_path/icon_name.ico" />

Make sure to place it between the

Code :
// hide source code
// hide line numbers



1  <head></head>

tags of your web page and to replace the path by the one where you uploaded your .ico file.
Notice that we used the absolute path of the image but you can also use the relative path of the image with respect to the current web page you are editting.

Our favicon looks like this:

I recommand to use an icon with a size of 16px by 16px. You can design your own or download some on the web (search google), the best being the first choice because it helps to promote your site, so why not doing it now!

Donation:

If you like our free quality work, make a donation by using Paypal and tell us what you would like to see improved on our site for the next few months.