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/lkssmv0x3a.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 (see sample at no. 2)
So, the two line of code I put below the < head> 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. Done.
See the LIVE DEMO in a Newborn Baby Blog here (note, You need to use Firefox browser).
NOTE: If it doesn’t work or there’s an error report from blogger.com, change any code < into < and change any code > into > Then SAVE and it’s DONE.
More details on How to create FAVICON see here.
If you’re lazy enough to create your own favicon, don’t worry. I’ve created for you (it’s a red-and-whie Indonesian flag). Just copy/paste the following code into your blogspot header:
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://www.iconj.com/ico/m/3/m3vo0uc2z5.ico" />
Wish you luck!
Related Posts:
