< Browse > Home / Internet / Blog article: Create a Favicon for you website

| RSS

Create a Favicon for you website

September 1st, 2008 | No Comments | Posted in Internet

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 url bar

Favicon in tab

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.

<head>
<link rel=”shortcut icon” href=”favicon.ico”>
</head>

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/

favicon validator

favicon validator 6) Done

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

Related Posts
  • No Related Posts
Leave a Reply 979 views, 4 so far today |
Tags:
Related Posts
  • No Related Posts