Friday, 19 April 2013

How to put an address bar icon on the website : Favicon

Create a image with size 16X16 pixels and of format .ico, some browser can use .jpg or .gif formats too. Preferably create a .ico image.

Upload the image file in to your directory.

Use the following html code inside the <head> tag of your web page.

Example 1: Using complete path
<head>
<link rel="shortcut icon" href="http://www.your-page-name.com/favicon.ico">
</head>
The link tag does the magic. Give the complete path of the uploaded image in href attribute. 

Example 2: Using the path from the root dir
<head>
<link rel="shortcut icon" href="/images/h22.gif">
</head>


No comments:

Post a Comment