How-to Add or Change Your Blogger Default Favicon 2022

Change Blogger default favicon with Custom favicon
Image by Tech Crunch

Before uploading your photo to the root directory of your site. Make sure that your photo is less than 100kb. If not, visit compress images or iloveimg for compression.

If you encounter this error "This file is too large. You can upload a file up to 100kb in size" you need to convert your photo to a 16 x 16 Favicon size at favicon - generator.

For the Legacy Blogger, here's how you change your Blogger default Favicon.

1. Go to your Blogger Legacy Dashboard > Layout > Favicon > Edit.

Blogger Legacy Layout: Edit Favicon

2. After clicking "Edit" Configure Favicon window will open > Choose your less than 100kb photo > Then click Save.

Blogger Legacy Upload Favicon

3. Refresh your blog. If you are still seeing the default Blogger Favicon in your browser's tab you need to refresh the Favicon here https://vdbzone.blogspot.com/favicon.ico (Replace vdbzone with your blog name in the URL) then press CTRL+F5 for Windows or CMD+F5 for MAC, if your own Favicon is showing now in that URL it means you are successful.

For the New Blogger, here's how you change your Blogger default Favicon.

1. Go to your New Blogger Dashboard > Settings > Favicon.

New Bogger Settings for Favicon

2. After clicking "Favicon" Configure Favicon window will open > Choose your less than 100kb photo > Then click Save.

New Blogger upload favicon window

3. If you are still seeing the default Blogger Favicon in your browser's tab you need to refresh the Favicon by following step #3 above.

Your voice matters. Discussions are moderated for civility before being published on the blog. Read my comment policy here.

Previous Post Next Post