How to Create Brand Icon For Your Blog Or Site?

When you browse the Internet looking for a list of blogs, you might have noticed you are often drawn to a particular site because they stand out from the rest. Often webmasters and blog owners pay a lot of money to have their listing appear more obvious so that they attract a higher click through rate.
Imagine, how much you would have to pay if you want to have your blog listing standout like that in hundreds of other websites?
It is called favicons!

A favicon (short for ‘favorites icon’), also known as a website icon, a page icon or an url icon, is an icon associated with a particular website or Blog. A web designer can create such an icon, and many recent web browsers can then make use of them. Browsers that support favicons may display them in the browser’s URL bar, next to the site’s name in lists of bookmarks, and next to the page’s title in a tabbed document interface.

Favicons are an excellent free branding tool for webmasters and blog owners. They help you create brand awareness by displaying a little favourite icon (favicon) in the title of our blog next to the URL.

Why I Need Favicon?
Favicons brand your search engine search listings

The favicons add catchy attention to sites who use them and they easily stand out. This brings increased traffic, more clicks and more repeat visitors.

Favicons are essential if you want to be recognized!

As you probably realize by now, favicons are an absolute essentiality to be recognized on the Internet as well as to get more visitors to your blog. There are many more uses for favicons which we haven’t covered here for fear of running out of web space. But we figure you get the idea by now.

Create an image 16X16 pixels in size. Yes, it is really small and you can’t really draw much in it. You should also restrict yourself to the standard Windows 16 colours, although I suspect that 256 colours will work fine.
If you like, you can also create a 32X32 pixel icon, which will be scaled to size for the Favorites menu and the location bar. You can even put both 16X16 and 32X32 pixel icons into the same icon file. Windows will use the former for its menus and the latter when the user opens up a folder that is set to display large icons. It’s probably not really necessary to do this if you can’t be bothered.
Follow this link for Fevicon creation Create Favicon .

After you’ve created a neat favicon, it’s time to add it to your site. To do so, follow the below simple procedure:

Upload the generated file (”favicon.ico”) to your site. Verify it’s there by typing http://mysite.com/favicon.ico in the browser’s location, where “mysite.com” is your site’s address.
Next, insert the below code in the HEAD section of your pages, at the very least, your site’s main index page:


That’s it! Note that your favicon may not appear immediately after you’ve completed the above two steps. In fact, it may take a few days, and in IE, sometimes the favicon will disappear from time to time due to a browser bug.