Thought I’d show you how simple it is to add a favicon to your sites. You’ll sometimes see them in the nav bar at the top of your screen, some websites have them, some don’t, but it’s dead easy to add them and they add that little polished touch to your site.

So yeah I know I’ve been away for what seems like an age. Partly due to work commitments and partly (mostly) due to the fact that we’re expecting our first child in under a month and there are so many things to do !!!

Anyway, you’re here to see how easy it is to add a favicon to your website, so keep reading.

So first things first, you need to create your icon image. I’m going to assume you are using photoshop as it’s most designers tool of choice. The image you need to create is 16 x 16 and bare in mind that some images when reduced to this size just become impossible to see clearly. I tend to stick to as few colours as possible.

On great resource for ready made icon files is ICON FINDER. You’ll find a link to it in my sidebar under resources should you want to go and have a look.

So, back to the job in hand. Once you’ve created your file, you’ll need to save it in ICO format. Photoshop doesn’t save in this format out of the box but there are plugins that will add this functionality. I use this one >>Click Here<<

One you have your file there are a couple of things left to do.

Firstly, upload the file to your root directory (the same directory your main index file resides).

Secondly, if you’re using Wordpress you can drop the file directly in to your theme folder right along side all of the other theme files.

Lastly you need to add a small line of code to your HEADER to link the file to your website.

And that’s it, that’s all you need to do. You should end up with something along the lines of the icon you can see for my site up there.

Hope you found this useful, let me know.

I’m off to do some more thinking about our baby’s arrival !!!!