Blogger in Draft Favicon Upload Shows on Blog List

How to show favicon on Blogger's Blog List gadget?
How to show favicon on Blogger's Blog List widget?
How to show customized favicon on Blogger's Blog List gadget?
How to show customized favicon on Blogger's Blog List widget?
How to replace Blogger default favicon with customized favicon?
How to replace Blogspot default favicon with customized favicon?

To know how, please go to How to Add Favicon with Blogger in Draft for the step by step guide.

After uploading, you'll see the new customized/uploaded favicon on the Blogger Page Element page.



The interesting thing about uploading your customized favicon with this new feature on Blogger in Draft is - the favicon shows on the Blogger's Blog List element when being linked.

Here's an example...



Normally, when the conventional favicon adding via HTML method is used, the customized favicon won't appear on the Blog List and the default Blogger favicon remains there.

But with this new customized Favicon Upload feature, Blogger has certainly took a big step in fulfilling what the Blogger bloggers need - a favicon for the blog's identity!

Tweet

How to Add Favicon with Blogger in Draft

How to add favicon?
How to create favicon for Blogger blog?
How to create favicon for Blogspot blog?
How to add favicon to Blogger blog?
How to add favicon to Blogspot blog?

Back then, you'll need to play around with the blog HTML code in order to have a customized favicon. But now, you can add a favicon easily with Blogger in Draft!

Here's how.

First, go to Blogger in Draft. Then go to Dashboard > Design.



There is a Favicon page element where you can add your own customized favicon by clicking on the "Edit" link.



A pop-up window will appear and all you have to do is to select the favicon (with an .ico format) from your computer and just save it! As easy as that.

If you're not sure on how to create a favicon .ico file, continue reading.

---

How to create favicon (.ico) file?

Firstly, an icon is required. You can either use an online icon creator (which may not be user-friendly) or Photoshop.

Once you've designed your icon, save it as an image file. Next, proceed to the online icon generator to generate the icon. There, upload your saved favicon image, select icon size 16x16 and generate it. Once it's done, download the icon into your computer.

Then you can use the downloaded icon and select it as the favicon (.ico) file.

Tweet