The word Favicon stands for "Favorite + Icon". The favicon is something that will provide or makes the brand for a blog. We should assign a Favicon (Favicon) to the blog/website to make the blogger look beautiful and look different from other blogs/websites on the internet. The favorite icon will provide a brand image to the blog/website.
Favorite icon is the one that we usually see on the tab along with blog/website description as shown below.
Let us see the process of adding a Favicon to blogger.
1. Go to www.favicon.co.uk
2. Use Favicon generator to generate the favicon HTML code using the image/picture we have downloaded.
3. Select the favicon image (image format can be JPEG, PNG, TIFF format images)
4. Select the favicon size
5. Click "Generate Favicon"
6. Download the favicon generated (image format = ico)
7. Now Go to : Dashboard -> Template -> Edit HTML
8. Search for the below code
<b:skin>
9. Paste the below code just before <b:skin>
<link href="your-favicon-links-goes-here" rel="icon" type="image/gif"/>
10. Save and view the blog to see the changes.
Here is an example on how I have added a Favicon to one of my blog.
NOTE: We can get ANIMATED favicons from this website: http://www.favicon.cc/
Free Websites for cool and attractive Favicon creation.
1. www.favicon.co.uk/
2. www.animatedfavicon.com/
3. www.photoshopsupport.com/tutorials/jennifer/favicon.html
4. www.shaheeilyas.com/favicon/
5. www.tools.dynamicdrive.com/favicon/
6. iconverticons.com/
Favorite icon is the one that we usually see on the tab along with blog/website description as shown below.
Let us see the process of adding a Favicon to blogger.
1. Go to www.favicon.co.uk
2. Use Favicon generator to generate the favicon HTML code using the image/picture we have downloaded.
3. Select the favicon image (image format can be JPEG, PNG, TIFF format images)
4. Select the favicon size
5. Click "Generate Favicon"
6. Download the favicon generated (image format = ico)
7. Now Go to : Dashboard -> Template -> Edit HTML
8. Search for the below code
<b:skin>
9. Paste the below code just before <b:skin>
<link href="your-favicon-links-goes-here" rel="icon" type="image/gif"/>
10. Save and view the blog to see the changes.
Here is an example on how I have added a Favicon to one of my blog.
NOTE: We can get ANIMATED favicons from this website: http://www.favicon.cc/
Free Websites for cool and attractive Favicon creation.
1. www.favicon.co.uk/
2. www.animatedfavicon.com/
3. www.photoshopsupport.com/tutorials/jennifer/favicon.html
4. www.shaheeilyas.com/favicon/
5. www.tools.dynamicdrive.com/favicon/
6. iconverticons.com/
If you like the post, take a couple of minutes to comment and share.
Your comments are most valuable and would help me come up with better posts.
0 comments:
Post a Comment