This page describes how to add favicons to web sites created with Google pages and Blogger
If you are using Firefox or Opera browser or IE 7 then look at the top where this site's address is written, to the left hand side you'll see a small image. This image is called the Favicon, means Favourite Icon.
This is the era of Tabbed browsing, how to make your site stand out among others?
Look at the favicons in the tabs. Google pages have all plain 'G' sign and Blogger has orange 'B' (far right). My site has a rising sun image cause it describes my passion for Solar Energy. Similarly you can also have your own favicons very easily.
First, make the image you want in the image editor (I recommend Paint.net).
Now you've made that perfect image, time to save it as a icon file. To do this;
png2ico myicon.ico myicon.png
Now you have the image, just upload it to google pages and then paste this code as described below, to the website you want to.
For Googlepages, edit a page, click anywhere on title or footer and then click 'Edit Html' link on the lower right side of the window. Paste the code there and click Save Changes button. Now publish and see the results.
For Blogger, open Blogger Template and go to 'Edit Html', locate the <head> tag and paste the following code after it.
<link href='http://yourUserName.googlepages.com/myicon.ico' rel='icon' type='image/x-icon'/>
And Save changes, open the blog and see.
Comments? just Mail me or drop the comment at my blog.
thanks to: Jimmy Hartig, Miroslav Meduric, James Mossman