So you weren't happy with the default "B" favicon of your blog and decided to change it. You went to your blog's Layout settings and added a custom favicon only to discover that the new favicon is showing up in Layout but not on the blog! This tutorial will tell you why the favicon is not updating and how to fix it!
Favicon is an icon associated with a URL that is displayed in:
To learn how to add a custom favicon to your Blogger blog, click here.
3. Now go to your blog and cache refresh it by pressing CTRL + F5 (Windows) orCMD + F5 (Mac).
Tada! You have successfully updated your blog's favicon!
What is a Favicon?
- browser's address bar
- next to the site name in a bookmark list.
To learn how to add a custom favicon to your Blogger blog, click here.
Why isn't the Favicon updating?
Let me get this clear once and for all. Your blog's favicon is actually updated, it is simply not showing up IN YOUR COMPUTER!
Your reaction - "Wait what!? Really!?"
Yeah, you read me right. The favicon is actually UPDATED in the servers. I'll try to explain what's really happening here.
You must be aware that whenever you open a new website, your browser stores some basic content of that site as "cache" in your PC. By doing this, the browser doesn't have to request the content every time you open the site.
This is the reason why a website takes time to load the first time, but loads quickly the next time you open it. So, your browser is actually loading your blog's favicon from the cache memory and not requesting it from the server.
You must've have guessed the solution by now. We simply have to delete the cache memory of your browser. But doing so will delete the cache of EVERY webpage and you don't wanna loose that!
So, I'll teach you how you can update the cache of your "favicon" only!
Your reaction - "Wait what!? Really!?"
Yeah, you read me right. The favicon is actually UPDATED in the servers. I'll try to explain what's really happening here.
You must be aware that whenever you open a new website, your browser stores some basic content of that site as "cache" in your PC. By doing this, the browser doesn't have to request the content every time you open the site.
This is the reason why a website takes time to load the first time, but loads quickly the next time you open it. So, your browser is actually loading your blog's favicon from the cache memory and not requesting it from the server.
You must've have guessed the solution by now. We simply have to delete the cache memory of your browser. But doing so will delete the cache of EVERY webpage and you don't wanna loose that!
So, I'll teach you how you can update the cache of your "favicon" only!
How to update the Favicon
We all know that pressing the F5 button refreshes the web page. But did you know that pressing CTRL + F5 (Windows) or CMD + F5 (Mac) refreshes the web page without the cache!
Yes, the page will be loaded from scratch and every single detail will be requested from the server. We will use this feature of all browsers to our advantage!
1. Favicon for all Blogger blogs are stored on the same domain with the name favicon.ico. So you can find your blog's favicon here: (Replace yourblog with your blog's link)
http://www.yourblog.blogspot.com/favicon.ico2. You will see your old favicon on that page, press CTRL + F5 (Windows) or CMD+ F5 (Mac). Now, the old favicon is updated with the new one in your cache memory! Here are some screenshots to help you out:
3. Now go to your blog and cache refresh it by pressing CTRL + F5 (Windows) orCMD + F5 (Mac).
Tada! You have successfully updated your blog's favicon!
0 comments:
Post a Comment