In the last post I showed you some tricks about how to design your own logo. It is your brand, your identity. It makes other people to recognize you at first sight. I hope you have added it in you profile image of all the social networks you are in.

Now we are going to convert it into a favicon. Do you know what is a favicon? This word comes from favorites + icon and is the picture that appears aside a web or blog when it is stored in the favorites. Also it appears in the url bar of the Internet browsers. This way we get two important things:

1. People can distinguish us better among all the websites they can have stored in their favorites and also among the websites they have opened in several tabs.
2. We look like more professional adding this favicon to the url bar. All the A-list bloggers (Shoemoney, JohnChow, Problogger, Binary Ant, etc…) have our logo as a favicon. Why are you laughing? Don’t you think I am an A-list blogger? Give me time

It is really easy. Html-kit.com has a tool that makes a favicon from the image you want. You have the option of make an animated favicon, but personally I prefer a non animated one.

Once you have generated your favicon download the zip archive they give you. You have to upload the 16×16 favicon to the server where you have your blog/website and place it in the root folder. Then you have to add in the header, between the tags <header> and </header> the following code:

<link rel=“shortcut icon” href=“/favicon.ico” >

And this is all. Don’t you think your blog look like more professional?

If you liked it then share it with others