How To Change/Replace Blogger Favicon With Custom Blog/Site Icon

The blogger favicon is an official blogger logo which appear on every blogger hosted site as the site icon, but you can replace this with your site custom icon from your template html.
You may have tried to remove it from the page elements inside layout, but instead of your site icon to appear at the tab, you still see the blogger default icon, this cannot be remove from the layout because it is automatically lock by blogger officially, so for you to replace it with your site icon, simply follow the few steps below.

To generate favicon you can visit

Host your image to any prefered image hosting service after generating your favicon and copy the hosted favicon image url, read how to host/upload image on blogspot on how to host image.

How To Change Blogger Favicon

Go to your blogger dashboard
Click on "Design" > "Edit HTML" > back up your template
Use ctrl F to find <title><data:blog.pageTitle/></title> but if you can't find that, then find <data:blog.title/></title> and paste the code below immediately after any of the code you find.

<link  rel="shortcut icon" href="FAVICON URL"/>

Replace FAVICON URL with your favicon url
Click "SAVE TEMPLATE"

That's all on how to change/replace blogger favicon.
Take few seconds to share this post if it helps, and don't forget to subscribe and receive all our latest post update directly into your email address.