How To Install/Add The Favicon widget To Blogger Blog

Here are the complete and easy methods to install the favicon to your blogger blog. You can add favicon to your blog with two ways, like going to blogger html section >> then editing the blogger theme to add the favicon, but here i am going to share with you both ways to install the favicon icon to your blogger blog.

FIRST METHOD

Follow Simple Steps to add Favicon to your blogger blogs.

1. Goto your blogger blog > Layout > Edit (Favicon) as shown in the given below snapshot.

2. Use a square image that's less than 100 KB.

Favicon sized should be square in pixel like 16x16 or 32x32 or Greater.

3. Choose your file > Upload > Save.

4. It will take some time to show on your blogger blog, minimum 12 to 24 hours.

SECOND METHOD

1. Goto > Template > Edit HTML > Search for "favicon" Using Search box "CTRL+F"

Snapshot: (Click on the picture to see FULL SIZE)

Find code like this.

<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>

Customize this code:

1. Replace "data:comment.favicon" with your favicon image URL.

Use a square image that's less than 100 KB.

Favicon sized should be square in pixel like 16x16 or 32x32 or Greater.

2. Remove "expr:" which is given before your image URL.

In the end the code will look like this,

Example code:

<img src='http://www.example.com/image-url.jpg' height='16px' style='margin-bottom:-2px;' width='16px'/>

3. Save Template.

Done!