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

• Faviconer
• Genfavicon 

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.

Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

Follow @realcombiz