Favicon for Blogger Blogspot

Details about Favicon (fav-ai-kon) in general has been mentioned here:

Favicon (pronounced fav-ai-kon) is short for ‘Favorites Icon.’ A Favicon is a multi-resolution image included on nearly all professional developed sites. Within Internet Explorer and Firefox the Favicon is displayed on the Address line and in the Favorites menu. The Favicon allows the webmaster to further promote their site, and to create a more customized appearance within a visitor’s browser. Often, the Favicon reflects the look and feel of the web site or the organization’s logo. See for example the Favicon of this website where I use my own picture.

.. to create Favicon is simple in a self-hosted blog by adding the following two line of codes:

<link rel=â??iconâ?? href=â??favicon.icoâ?? type=â??image/x-iconâ??>
<link rel=â??shortcut iconâ?? href=â??favicon.icoâ?? type=â??image/x-iconâ??>

The question is can favicon be installed to blogger.com / blogspot and if yes, how?

We can use the same method as we do to a self-hosted blog / website.

Follow this simple tutorial:

1. Create Favicon first at http://www.iconj.com/ by (a) clicking BROWSE and put the image you want to faviconize; (b) Click Upload Now

2. At “Host it at Iconj.com:(Direct Link)” -> Copy the given code

Example: <link rel=�shortcut icon� href=�http://www.iconj.com/ico/l/k/lkssmv0�3a.ico� />

3. Put the following code at the head of blogger template ->
<link rel=�icon� href=�favicon.ico� type=�image/x-icon�>
along with the code given by Iconj.com

So, the two line of code I put below the &lt; head&gt; are:

<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://www.iconj.com/ico/l/k/lkssmv0x3a.ico" />

4. Save.