Favicon is an identity for a blog or website, that differ a site from all other. Most of the website owner use their brand logo as Favicon, so that the visitors can identify their site easily when there are few numbers of tabs are open. A blog will be different to look than all others after adding a favicon. Actually favicon is an image, always you will found at the left corner of a blog or website. Lets see how to add it.
Step 01 Select an image to make favicon
First of all you have to select an image to use as a favicon. The image should be square in dimension and smaller in size. The expected size for the image of favicon is less than 100KB.
>>Lets know how to decrease the image size using Photoshop
>>Lets know how to decrease the image size using Photoshop
Step 02 Explore the codes of the website
Now open the index.php file with a text editor like notepad, notepad++ etc. Go to the header section and paste the codes given below inside the <head> and </head> tags. The image name favicon.png will be replaced by your image name.
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="icon" type="image/png" href="favicon.png" />
Step 03 Now upload / keep the image in the same directory
Now you have to upload and/or keep the favicon image into the same directory where is the index.php file already. Save all changes and reload the homepage, you will get the expected favicon in your website.
Notes...
1. The image should be an PNG image
2. The image should be square in dimension
3. The expected size for the image is less than 100KB
4. The image should be in the same directory
(otherwise you need to customize the image link. For example: href="images/favicon.png")
Notes...
1. The image should be an PNG image
2. The image should be square in dimension
3. The expected size for the image is less than 100KB
4. The image should be in the same directory
(otherwise you need to customize the image link. For example: href="images/favicon.png")
No comments:
Post a Comment