How to Change Favicon for Blogger or Blogspot?

8

You all are aware of the default Blogger favicon for your blog. Have you ever thought your blog audience is getting bored with your existing blog favicon? They are simply ignoring your blog by thinking that you are not a professional blogger because you’re not using a custom favicon?

In the year 2012, Google Blogger/Blogspot has already added a Favicon gadget in the Layout section. It is on the top left of the Layout page above the Header gadget. After clicking on Edit on Favicon gadget, you can upload a custom favicon to your blog icon.

Recently, Blogger has moved to a new dashboard, and the option to upload custom favicon is missing. Don’t worry. I am there to help you.

What is Favicon on Blogger?

A custom favicon gives your blog a unique identity. Visitors can quickly identify your blog with its custom favicon. When someone bookmarks any page, then your blog’s favicon appears next to the page title or link.

What is Favicon Size for Blogger?

It is best to select a square image when choosing favicon dimensions. The Blogger favicon size can be 24x24px, 48x48px, or 96x96px. It should be less than 100KB.

How to add custom favicon for Blogger or Blogspot

Change Custom Favicon for Blogger on New Dashboard

You can change custom favicon for Blogger/Blogspot on the new dashboard. Hereunder is the way to do it.

1. Go to Blogger dashboard

2. Select one of your blog from the dropdown

3. Navigate to the Settings

4. Under the Basic, you have an option to change the option.

Upload a custom favicon for blogger blogspot

5. Click on the Choose file and select a favicon.

Upload custom favicon blogspot

6. Hit the Save button.

Upload Custom Favicon for Blogger (Manual Trick)

You can change Blogger/Blogspot gadgets through specific URLs. It means whether the Blogger favicon/Blogspot favicon gadget is visible on the Layout section or not; you can edit it.  Yes, of course, you can change favicon for Blogger/Blogspot.

1. Perhaps, you have noticed your blog’s admin panel URL. It may be something like this-

https://draft.blogger.com/blog/layout/6203262704160498857

Where numeric value is your blog ID.

To upload a custom favicon for Blogger, you need to note it down.

Get blog ID for your Blogspot blog

2. You can configure favicon quickly. Just open a new tab on your web browser and copy/paste the following URL. You just need to use your blog ID instead of using mine.

https://www.blogger.com/change-favicon.g?blogID=6203262704160498857

Note: Don’t forget to replace my blog ID with your blog ID (Highlighted in bold)

Configure favicon- Upload custom favicon on Blogspot

3. Now, You get the option to configure favicon. There, you can upload a custom favicon for Blogger/Blogspot.

4. Upload a custom favicon for your blog.

5. Finally, press the save button.

Upload Custom Favicon for Blogger on Old Dashboard

1. Go to Blogger Dashboard and select the Layout tab

favicon-for-blogger

2. On the top left of this page, you’ll see the Favicon gadget.

3. Click on text Edit.

4. Now, a popup window will appear.

Custom favicon for Blogger

5. Browse and select a square image to make it favicon (.jpeg, .png, .gif, .ico) (< 100 KB in size).

6. After the successful upload of the favicon, click on the Save button.

7. You are done.

How to Add Custom Favicon for Blogger – Video Tutorial

Video Link –
https://www.youtube.com/watch?v=ywGhMrPBpUU

Favicon Generator for Blogger

Are you looking for a blogger favicon generator or make. You can easily design your favicon here –

You can search a few favicons here –

What if Custom Favicon is Not Visible

1. If you cannot see the favicon in your browser tab, you must clear your browser cache.
2. Otherwise, you have to open the following URL in the browser address bar –

https://www.yourblog.com/favicon.ico

2a. Must change https://www.yourblog.com with your blog address and must not forget to add /favicon.ico at last.

We believe this information to change favicon will be useful for you. Having any questions or doubts, please write comments.

Previous articleHow to Add Attractive CSS Social Profile Widget for Blogs and Sites?
Next articleHow to Use Infinite Post Loading by Infinite Scrolling for Blogspot/Blogger?
Vinay Prajapati
A digital marketing scholar by choice and tech-savvy by habit. A NIFT Alumni who's consulting and nurturing many fastest growing businesses and blogs.

8 COMMENTS

    • Perhaps, you’re are using the new panel. This is under construction and this feature may be available after some time. If you want to use custom favicon then need to switch back to the classic panel. If you don’t want to switch back then check the latest update on this post.

  1. A favicon is a graphic image (icon) associated with a specific web page and/or many recent user agents (such as graphical browsers and newsreaders) that appear in their address bar or as a visual reminder of the website’s identity.
    Thank you for writing neatly.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.