Fix the favicon icon not showing in Blogger?

Change favicon icon for blogger 

Today we are back with another article, this article helpful for who's blogger not showing favicon icon and simply how to change their default favicon with your own custom favicon.

Fix the favicon icon no showing in Blogger

When user's, reader's or visitor's bookmarks your site, your favicon will appear with the page title in their list of bookmarks, it also showing in search history.  Favicon has different behaviors in different browsers. Favicons help for users to identify your blog when they have many tabs on the browser open. 

In this article, we explore what causes favicons not showing.

Change Custom Favicon for Blogger:

✏ Go to blogger and login with your Blogger account

✏ Then go to the Dashboard section as shown on the left. 

✏ Click on Settings just below the Themes option. 

✏ Now in the right side section, you will see the Favicon Option. 

✏ Next Click on the "Favicon" link.

Either

✔Click on Layout and find Favicon Widget situated at the top.

✔Click on Edit and then new window will pop-up with a message saying Upload custom favicon,

✔Click on Choose File on a pop-up window.

✔Select your favicon icon file and click on Save.

That's It Done....

Add Custom Favicon for Blogger : Generate Favicon

Wanna generate your custom favicon from following any links.

↬ https://favicon.io

↬ https://www.favicon-generator.org

↬ https://www.favicon.cc

Sometimes you don't seen your favicon icon right away after uploading it. so Just follow the below steps carefully.

👉Go to your blogger account 

👉Go to template and then click on Edit HTML.

search for open head tag and paste the following code.

    <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
    <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
    <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
    <link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>

👉Then paste this code into template HTML and click on save.

👉Finally refresh your website once.

Conclusion:

hope you are like this post on how to change favicon in Blogger. If you have any doubts or if you face any error then feel free to mention below.