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.
<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/
6) Done
To create a favicon in wordpress, you can refer the following link
http://codex.wordpress.org/favicon.ico
Post a Comment