If you notice, this blog is now have new Favourite Icon. OK I admit, I ripped off the from Google’s logo color-set. But as my friend pointed out, I could have ripped off the color-set from Windows too 🙂

Anyway, let’s get started with project. Here are the tools needed: Paint.NET, ColorPic (color picker), and Junior Icon Editor.

Since it is very easy, I won’t go through the details. I’ll just give you these steps. I hope you can figure it out on your own. 😉

1. Create a new Image in Paint.NET. The canvas must be in square shape. I usually use 200×200 size.
2. Use ColorPic to find out the color codes used on existing image.
3. Once image complete, start Junior Icon Editor. Create all the possible size combination (16×16, 24×24, 32×32, 48×48, 64×64)
4. On Paint.NET, resize the Image to 64×64, select All (Ctrl + A), Copy (Ctrl + C) the image
5. On Junior Icon Editor, select the 64×64 part, Paste (Ctrl + V) the image
6. Repeat above two steps for remaining sizes
7. On Junior Icon Editor, save the image as favicon.ico
8. Upload the favicon.ico to the root folder of your website / blog
9. …..
10. Profit?!??! 😀

Once you’ve done above steps, you can test it whether it works. Below is the picture of SODEVE’s favicon.ico in various browsers:

[nggallery id=2]

I hope it helps 😉 Cheers!