favicon icon

How to custom favicon icon upload on a blogger blog?

In the beginning, remain unfamiliar, what is favicon, when using IE, Firefox or Opera you will see an icon on the icon on one page. This is called favicon.

Favicon is a small icon/image (usually 16px x 16px size) in front of the site URL in the address bar.

In Blogger, originally the orange blogger’s icon is displayed as a favicon, which looks weak and it’s a great way to attract viewers attention, as well as a great graphical reminder of your site, your blog can be used for millions of blogger blogs Apart from your site is similar.

As you all know, blogger is a new feature that allows you to change the favicon of your blog without HTML coding (you can use the code if you wish).

If you’ve created your blog or website, start from the bottom, to put a favicon icon on your blog or website, follow me.

Why is Favicon necessary?

The favicon website is identified and it is important for the website like the logo of our website. When you open a site in the browser, the site icon is displayed in the top of the browser with the site name. This is what we call the site favicon.

It is very important to have a different favicon on the site to make a different identity of the website, it can be easily identified by any new user to recognize your website and remember your site’s identity.

By knowing this, what are you thinking? Do you want to add your website or blog favicon?

I will show you two ways, as a template Layout and as HTML link code.

1. How to Add Favicon by template Layout?

Before adding a favicon, you should know why it is advantageous to add an icon to the site, so let’s now how to add a site icon to the blog.

Actually, adding a favicon in blogspot is very simple.

At first, I would recommend that favicon is required to be created. If there is yet to be made a favicon icon, fist after making it.

But site icon size must be 16 x 16, 32 x 32 and 150 x 150.  I think, there will be no display in keeping more size icons, any other problem may arise and your site’s favicon icon will appear after loading.

First, go to the Blogger.com and follow the ScreenShot below.

favicon icon in blogger blog

Click on the edit option and appear below will be like the ScreenShot.

Edit blogger blog favicon icon

Click on the Browse “Choose file“, on your computer, laptop where the icon is placed, just go and click the “Save” button.

After clicking on the “Save” button your favicon icon has been added and click you “Save Arrangement” button on the Layout.

Once you can the website refresh, your icon will appear.

2. How to add favicon icon by HTML link?

Here’s a simple way to change your blog’s favicon icon.

Go to Blogger Template > HTML Edit Find out which title tag looks like <title><data:blog.pageTitle/></title> and immediately add the following code after proper editing.

<link rel=”shortcut icon” href=”URL of your icon file”/>

Remember to change the URL of your icon file with the URL of your icon file. Your new favicon should start appearing in a little while.

Well, some bloggers are facing some difficulties with their favicon because blogger will not show them to everyone or they will not be updated in new ones.

If favicon has not been updated on your blogger blog, make sure you clear all history from a web browser and then check it out.


If you change your favicon using the layout section or HTML code of your blog, and it does not work or does not show the right favicon, then take the following steps.

  1. On the address bar, press Http:// [at your blog url] /favicon.icon and press Enter.
  2. Refresh the page.
  3. Go back to your blog.

Put your favicon icon and have any problem, tell me in comments.

If there is still no favicon show on the website or blog, repeat this process once and by doing the browser history, cookies and cache file delete, open the blog again and appear will be favicon icon.

I hope you like this information, do not forget to share and Subscribe to read such posts.

Be the first to comment

Leave a Reply

Your email address will not be published. Required fields are marked *