A “favorite icon” or favicon (pronounced fav-eye-con) is a 16×16 pixels icon that appears next to a website’s URL in the address bar of a web browser. If you are using a browser that supports tabbed browsing, the favicon will also appear next to the page’s title in a tabbed document interface.
If you look at the top of this page, at the left hand corner of the address bar, you will see a small graphic of a portion of a something very “artsy”. That is the favicon for this blog. If you are using FireFox or Opera, you will also see that icon in the tab. If yours is a personal blog, its upto you to use which photo. If you have not done anything to your blog template, the address bar of your blog may look like what you see below:
Upload, and that generator will not only generate the .ico image for you, at the same time it will host the .ico image on the web and give you the .ico image URL in the same page. In fact, it does better than that. It gives you the code for you to copy-paste into your blog template:
Actually, I left the original code for the favicon in its original place and copy-paste to just after ]]> and just before
This is how that section of the template looks like after the fix:
Hope you may want to try it and enjoy your new favicon.
*Some html script being bit different from the original to allow me to make this post.