Install a Favicon on your Site (Wordpress inc!)

Digg StumbleUpon Delicious Google Buzz

Ok heres a quick tutorial on installing a favicon [those little icons that appear on browser tabs and when your page is bookmarked].

1. Create a 16px by 16px icon that represents your website
2. Save it as an .ico [icon] file. You can download a plugin to alow you to save a photoshop file as .ico here. Or, if you dont have photoshop, use a site like faviconr.com to convert your picture file to .ico
3. Save the favicon in the root folder of you website [ie in the same folder as your index file]
4. Insert this piece of code in the head tag of your HTML document:

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

Hey Presto!!

And for a Wordpress.org blog…

1. Create favicon icon as above [1 and 2]
2. Download, install and activate this Wordpress Plugin as instructed by the readme file
3. On your wordpress dashboard go into settings then click on the new MBP Favicon label, you will be prompted to register the plugin
4. After registering you will be able to choose from a selection of preloaded favicons or  to upload you own. Upload your favicon, save it and you’re done!