How To Add or Change Favicon In Blogger Blogs - 2020 (New Dashboard)

Previously we have shared a tutorial about How To Add or Change Favicon In Blogger Blogs, but as we all know blogger has updated its dashboard in which many options and functions has changed. In the new dashboard the favicon changing option has been shifted from layout to settings. The new dashboard is minimal and easy to edit, settings page where you have the access to change the favicon also carries other options in a single page, that means changing various options are much more easy now. Go ahead and lets see, How To Add or Change Favicon In Blogger Blogs - 2020 (New Dashboard).

How To Add or Change Favicon In Blogger Blogs

Step 1. Log into your Blogger's Dashboard, then go to the "Settings" and Click on it. After clicking a new section will open in the righ hand side of the screen, where you will get various options.

Step 2. In that section ( Right hand side of your screen). You can see various option, just below the title, description and language option you will see a option called "Favicon", then click on it, which will make a new window open.

Step 3. In the new window you can search for an image in your hard drive that will replace the default Favicon image. Click on the "Browse" button and search for your favicon (please note that it should have square in size), then click on the "Save" button.

Step 3. Now you should see your own Favicon instead of the Blogger's default favicon.

Note:- Please keep in mind that it might take some time until your new Favicon will appear in your Browser's tab or window.

If you can't see the favicon widget in your layout then follow the below steps or you want to add animated favicons to your Blogger blogs, then use the following method instead.

How to manually add Favicon in Blogger or animated favicon

Before Editing we recommend you to make a backup of your template, so that anything goes wrong you still have your blog design safe.

The First thing you need to do is to login into your Blogger account and go to >> Themes >> Click the down arrow just beside customize option, you will see a box, in that just select Edit HTML Option and search for the ending <b:skin> tag and just above it paste the following code.

<link href="your-favicon-link" rel="icon" type="image/gif"/>

Note :- replace your-favicon-link with your Favicon link location

If you don't know how to host images on blogger then follow this article - How To Add Images In Blogger Blog Using Post & Page Editor

Conclusion

Congrats !! You have made it. now you have learned that How To Add or Change Favicon In Blogger Blogs - 2020 (New Dashboard) Visit your blog and check the awesome widget live in action, hope you liked this tutorial, if you enjoyed then please share it with your friends, we are working hard to develop more such awesome widgets please stay tuned with Us. 안녕 !! (Goodbye in Korean).