Changing your Blog Icon (favicon)

After a couple hours of searching in the web, I came across a blog which described an useful method for changing your blog favicon.
I must state that I gathered a lot of this information from another blog, which I can't track right now, since I erased my historial (blame CCleaner).

What's a Favicon?
It's the icon next to your browser direction, meant to identify the site you're currently navigating. It stands for "favorite Icon", since that's the image it's going to display in your bookmarks (and originally, on the Internet Explorer's).

So how can we change the Blogger default's icon?
By introducing this codeline on the Palette:

Link rel (where rel stands for relationship) is encharged to link the icon with the outern source, and the href part is basically the URL of your icon host. This is the only part of the code you have to change.
You need to introduce this code (obviously with another URL) between the «head> and the «/head>, after the ]]>«/b:skin> (please notice that I changed all the "<" in order to make the f*cking blog accept the line of text)

Real explanation starts here
What you need to do in order to change the URL part on that code I gave you, is the following.

1. First of all, save your Blog palette before messing with. It's a suggestion.
2. You're going to need either a 16x16 image in order to convert it to Ico, or already, an icon. Try searching on google, or using a program to make one, such as Photoshop, Gimp, or something else. You got a list of programs at mashable to check.
3. Go to IconJ and host it at the box on the right side of the screen.