Never miss a story!

Get weekly updates, right in your mailbox.


*We hate spam too!. You will receive only updates.
close sharing button

Add or Change Favicon on Blogger New Interface 2020



Favicon is a small icon shown next to site URL in the address bar. In Blogger, by default orange colored blogger icon is shown as favicon. You can make your blog stand out by using your own customized icon. Blogger has now recently launched new interface. But the option to add the Favicon is not appearing under Layout. Here are simple steps to get going:



1. Open blogger and login into your Blogger account.

2. Then goto Dashboard Click on Layout. Scroll down to reveal a link named 'Back to classic Blogger'. Click on it.


3. Now in the right side section you will see the Favicon Option. click Edit “Favicon” setting above the navbar element to change the 'Favicon'.


A new window will open, there you can select favicon image stored on your computer. As of now this feature only support ico format files for favicons. If you want to use normal JPEG or GIF images as favicon in ico format, then use converter to convert image into ico format.

4. After you have selected favicon image, click Save button. Blogger will automatically resize and upload the selected favicon image to your blog.

5. Again scroll down to reveal button named 'Try the new Blogger' and click it.


The new interface is mobile responsive. So it helps when you are using Blogger on Mobile. Your new favicon should start appearing in some time. If the favicon on your Blogger blog does not update, make sure you clear all history from web browser and then check for it.

Manual method to add Favicon to Blogger blog To get started, first you need to backup your Blogger template: Click on ‘Theme’. Then click on button with three dots.


Click on ‘Backup’ to save it on your computer. Now perform following steps to a change favicon in your Blogger blog:

1. Again click on the button with three dots. Tap on ‘Edit HTML’

2. Then use Ctrl + F to find . Just after the head tag you should insert below code. Above http://www.URL.com is the web address or location where your favicon is stored (hosted). You can upload favicon to Google Drive (the file must be shared as 'with anyone who has the link' option) or on any free image hosting websites that support favicons upload. Use ‘favicon.ico’ as the name of your favicon file. In above code, update the url and favicon.ico.

3. Then click on save button.

Open your blog and your new favicon should be visible in the address bar.

If this article was helpful, let us know your feedback in the comments.


No comments:

Post a Comment