How to create and add favicon to your website

March 14th, 2009 by Giridhar | Posted under Blogging Tips, Tips & Tools.

faviconWhile writing about how to write a successful blog , we had discussed a lot about many tips and tricks which make our blog unique (read more), Just to add to that here is the another tip. This is simple yet a powerful tip to make our blog unique. Yes I am talking about favicon. This is the small icon which can be seen near to your browser address bar.

How to add a favicon .

Just create an icon rename it as favicon.ico , upload it to your webserver root folder, then add following line to your index.html.

<head>
<link rel=”SHORTCUT ICON” href=”http://www.mydomain.com/favicon.ico”/>
<title> My Title </title>
</head>

How to create a new favicon.

You can visit favicon.cc and design your own favicon icon and see the preview and download it to your computer . It is quite easy and self explanatory. Even you can create your own animated favicon icons here.


Why is it not displayed on my site.

Right now I am finding a good design for my favicon. Once I am done with it, it will be added to my blog. Keep watching.

you can see a sample here.

Tags: , , , ,

Comments

4 Responses to “How to create and add favicon to your website”
  1. Best Cat Food says:
    August 2, 2009 at 7:03 pm

    I created a website via Yahoo sitebuilder and it is all up and running. How do I add a favicon?

Have any comments?