Create a Favicon for you website

chenhow — Mon, 01 Sep 2008 08:30:20 +0000

If you are my loyal reader’s, you should noticed I have just added a favicon to my blog. You can see a favicon beside your browser’s URL box, tab and bookmark when browsing my blog.

Ok wait, what is favicon?

Favicon is a small icon associated with a website. Here’s a screenshot of my blog favicon (aka favorites icon).

[red circle area are the favicon]

Favicon in browser url box

Favicon in tab

To create your own favicon:

Steps

1) Find a favicon creator like:

- http://www.chami.com/html-kit/services/favicon/
- http://www.favicon.co.uk/

Simply upload your image and it will generate favicon for you.

2) Once you have generate the favicon.ico, upload favicon.ico to your webroot (http://www.example.com)

3) Paste the following code inside your website html header.

4) Now, open your page. The new icon should be displayed in your browser’s URL box and/or tab.

5) To test the favicon after updating your web page, the Favicon Validator can check the favicon files and tags on your website.

http://www.html-kit.com/favicon/validator/

6) Done

To create a favicon in wordpress, you can refer the following link
http://codex.wordpress.org/favicon.ico

No Related Posts

Blog.ChenHow.Net » favicon

Create a Favicon for you website