Have you wondered how this is achieved? Its is very simple as this tutorial will showcase.
Step 1. Create you desired tine image, and must be either 16x16 or 32x32 size, and save it as favicon.ico file.
Step 2. Upload this tiny .ico file to the root directory of your website.
Step 3. Automatically, some ebsites detect this and works in some brosers. But as a final step, for 100% assurance, insert the following line in the <head> section of your web page:
Code: Select all
<link rel="icon" type="image/png" href="/favicon.ico">
Insert is before the </head> section.
And thats it. Your favicon appears in the browser region as desired.
LIKE IT? SHARE IT!