What is a Favicon?
A favicon (short for "favorites icon" and also known as a page icon), is an icon associated with a particular website or webpage that is displayed in the browser address bar next to a site's URL.
Favicon Screenshot
The question now is how to customize it? This time i will share you a tutorial to customize your own favicon. So, here we go...
You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some icons which are generic. I would suggest that you create one to represent your own unique identity. There are quite a number of free icon editor software which you can download from the net.
You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some icons which are generic. I would suggest that you create one to represent your own unique identity. There are quite a number of free icon editor software which you can download from the net.
If you do not wish to download any software, you may also try creating an icon online.
Step 1. Visit HTML Kit - Online Favicon Maker to make your own favicon from your desired image.
Step 2. Download it and rename the custom favicon as you want.
Step 3. Open MS Paint in your computer and change format ICO. to PNG or GIF format and save.
Step 4. Then upload somewhere (i use http://imageshack.us/ for this ). Remember to save the link / url of your uploaded favicon.
Step 5. Go to your Blogger Dashboard > Layout > Edit HTML.
There find the title tag which looks like this:-
add the following code
Step 6. Copy and paste the following code (right after above script)
for ICO. format
URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
for PNG. format
URL of your icon file' rel='shortcut icon' type='image/png'/>
for GIF. format
URL of your icon file' rel='shortcut icon' type='image/gif'/>
Remember to type in the “URL of your icon file”, Then Save Template.
That's all there is to it, enjoy your favicon! Enjoy your new favicon look!
Other online favicon generator
http://tools.dynamicdrive.com/favicon/
http://www.favicongenerator.com/
http://www.chami.com/html-kit/services/favicon/
http://www.favicon.co.uk/
http://www.favicon.com/
Compatibility
While you can see the Favicon in Mozilla Firefox, many have problems seeing the Favicon in Internet Explorer. This is a known problem and has been a sore point with many IE users. In some versions of IE, bookmarking the site will display the Favicon. This is not necessarily so in IE7 that we are using. In fact, when we bookmarked the highly popular search engine sites, their Favicons don't show in our IE bookmarks too although they show well in Firefox. Perhaps this is one more reason to download Mozilla Firefox if you have not already done so.