How to Change or Add Custom Favicon in your Blogger Blog

Favicon word is derived from Favorite Icon that is also known as bookmark icons. Favicons is a tiny picture shortcut icon (generally 16px by 16px and 32px by 32px in size) which shows left side with your blog's name on browser's title bar. It grows the professional look for your blog or website that helps to get your unique visitors attention. Luckily Blogger support and give facility to every blogspot users to add custom favicon on theirs blogs, its mean if you are blogger user then you can add favicon on blogger blog by going to Layout section and after this click on Edit link on "Favicon" portion. So see how?
Add Favicon in Blogger

How to Add Favicon in Blogger (with examples)

1. Goto Blogspot Dashboard >> Layout, and click on edit link on "Favicon" element as shown below with picture. (Blogspot uses its own favicon size by default but you can change it easily)

change blogger favicon

2. Now popup window will appear where you can upload your desire square picture and blogspot automatically converts it into icons shape and click on "Save" orange button. Remember Picture size should be Square in shape and maximum 10 KB in size. If you already make it then you can also upload it directly.

Upload Favicon to Blogger

3. Now refresh your blogs homepage and see you have successfully add it on your blogspot website like we add it as picture shown below:

bloggercell favicon

How to Add Animated Favicon in Blogger (with examples)

1. Go to Dashboard >> Template >> Edit HTML, and search for the below code by holding Ctrl+F button keys.
2. Now add below set of code just above <b:skin>
<link rel='icon" href='paste-image-link-here' type='image/gif'/>
Note: Replace the red words paste-image-link-here with the animated icon link

3. Finally save your settings
How create Animated Favicon
  • First go to FaviconGenerator
  • 2. Scroll down the page and click on "Choose File" button to upload your desire image then write your blog's name on "Scrolling Text (optional)" text bar and click on "Generate Favicon" button.
  • After the above step, it will show you result with tiny photos, copy your desire tiny image whatever you wish, for example we copy animated shortcut image for our blog. For example see the image below:
Animated Favicon

These are the best and genuine methods that we know and tell you by easy steps. So if you got any problem then ask us we must help you. If this article may help you a bit then do not forget to share our posts with your friends on major social media sharing sites.