Favicon installation guide for blogger


In this tutorial, you will learn how to change favicon or add the favicon to your blogger website. you can create your own favicon for your blog. This is the simplest way to Create your Favicon for your blogger website.
First, you will learn how to create a favicon for a blogger website. just follow my steps and you will be able to create a favicon for your blogger website for free
Note: you must have a square shape logo which we will convert into favicon
Create Favicon


  • Now your favicon has been generated and click on the ‘Download the generated favicon’





  • After that extract your file by using WinRAR or any other software


Now you have successfully created your favicon

Install Favicon in Blogger
There are two methods to change the favicon in the blogger.
Method 1
  • Log in to your Blogger account and click the "Layout" and in the favicon option click on 'edit'


  • Now chose your image of favicon (chose one of them from created )


  • Click on the 'save' button as follows
that's all your favicon had changed

Method 2

Changing Favicon by HTML

For this first, you have to host your favicon image.

  • Go to www.imgbb.com and click on upload your favicon (you can upload anyone of them - but 36x36px is recommended)


  • You can upload any one of them - but 36 x 36px is recommended


  • Click on upload


  • Copy the image src(copy only the src as see below in the example)and keep safe (paste it in notepad)


  • Go to Blogger Dashboard > theme > Edit HTML and search for ‘favicon’


  • Replace <link href='/favicon.ico' rel='icon' type='image/x-icon'/>  with <link href='FAVICON URL' rel='icon' type='image/png'/>


that's all. You have successfully learned how to add/change favicon in your blogger.