Adding favicon to Blog

A favicon is a small image, measuring 16×16 pixels. It is short form of favorite Icon, and which is displayed on the browser tabs just left side of your blog/website title. Favicon can act as symbol of your websites. Today i added favicon to my blog. In this post, I’ll explain how to add a favicon to your blog.

1. First you must create your own icon for your Blog using available free favicon generators. (Note: It must be in 16*16 in size).
a. Dynamic drive
b. Favicon Generator
c. Degraeve.

2. Upload the .ico file to your online storage location (ex. Flickr, picasa, photobucket.. etc). If your online storage not supported to upload .ico files then generate .png file(16x16) using adobe photoshop.

3. After upload, you can see what you uploaded. Now copy the image location by right click on the image and select [copy image location ( For Firefox), Copy Image URL ( for Crome), Copy Image Address ( For Opera).

4. Now open Your Blogger Account, On your Dashboard, Select your Blog –-> Layout or Design –-> Edit HTML, Backup your Template. (Note: It’s very important to backup), Now Find < head> tag and paste the following code before </ head> tag.
< link href='http://favicon_img.png' rel='shortcut icon' type='image/png' ./>

Replace favicon_img.png with copied your image location url.

5. Save the template.

Now refresh your blog page and see your favIcon.