Favicon’s are the little icons that you might see for some sites in the address bar of your browser or when you add a site to your favourites/bookmarks. These little visual cues help you remember immediately what a site is about. Now how can you get this little icon to appear on your website?

The code is extremely simple. Add the following two lines of code to your <head> section, and you’re set (of course you will have to customise your icon’s address etc):

<link rel=”icon” href=”favicon.ico” mce_href=”favicon.ico” type=”image/x-icon”>
<link rel="shortcut icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">

Now how do you make an icon to use. Not many image editors export .ico files. Fortunately, there is a very useful website which can convert your existing logo to the correct format. You can visit it here: http://www.html-kit.com/favicon/. Simply upload the image you want converted, follow the steps and presto! it’s done. Upload to your site, include the previous HTML and you’re set.