Langsung ke konten utama

Uploading A Custom Favicon To Blogger (Updating My Blogger Template)

Favicon
Back in June last year, the Blogger team enabled Blogger users to upload their own favicon to replace the default Blogger icon.

Initially favicons could only be uploaded if they had been converted into .ico format, though it's now possible to upload a square-shaped favicon in .png.gif or .jpg format as long as the file size is below 100kb.

I prefer to use this built-in feature instead of the methods I'd previously used to add favicons to my Blogger sites, particularly as the icon is hosted on the root of our domain (*.blogspot.com/favicon.ico or custom-domain.com/favicon.ico).

Since I have updated my icon as part of updating my Blogger template, I've documented my method (and troubleshooting) for others who are updating their Blogger templates.


Creating your favicon

To replace the default Blogger favicon with your own, you will need a square image (or favicon) which is at least 16x16px and under 100kb in size.

I opted for a 100x100px .png image of the logo so that a larger version of my favicon is available for devices which support it.

How to upload your custom favicon to Blogger

Whether you are using an older "layouts" template or the updated Blogger interface, go to the Layout section of your Blogger dashboard which will display the "Page Elements" interface:


In the top left of the Page Elements section, you will see a section titled "Favicon" which displays a preview of the default Blogger favicon.

Click the "Edit" link in this section to bring up a window like this:





Click "Browse" and locate the image/favicon file on your computer. Once your file is uploaded, you'll see a preview of how your favicon will appear in the pop-up. Click "save" to replace the default icon with your own.

Can't see your new favicon?

Many bloggers using the built-in favicon upload have reported that they can't see their new icon appear in place of the default one.

Most find this kasus is resolved by closing any browser tabs/windows in which your blog is displayed, clearing the browser cache and reloading the page (this happened when I first updated my own favicons).

I hope this documentation will have been useful for anyone wishing to update their Blogger site with a fresh new favicon. Feel free to leave your thoughts on this post in the comments section below.


Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Google Blogger For Dummies To Be Released In February!

If you're familiar with the "Dummies" series of books, you'll understand how helpful and insightful these textbooks can be in dealing with any subject. That being said, I'm happy to announce that Google Blogger for Dummies is due to hit bookshops on February 3rd. It's available to pre-order now from Amazon.com  (priced at $16.49) and will be available in Barnes and Noble, Waterstones and other bookshops, and also directly from Wiley. The author, Susan Gunelius, has been kind enough to send me a 60 page preview of this book, complete with a full and detailed table of contents and two sample chapters for my preliminary review. Also, when the book is released early next month, Susan has graciously offered me a copy of the book so that I can review it in it's entirety and offer readers my insights. What Google Blogger for Dummies will cover Being a "Dummies" guide, Google Blogger for Dummies will cover both the basics of using Blogger (crea...
Posting Komentar
Baca selengkapnya

Introducing Gadgetsforblogger.Com - A Searchable Directory Of Gadgets For Blogger

Gadget directory , I've been keeping track of new submissions and developing several gadgets of my own . While Blogger's directory is searchable, I realised that many bloggers would find descriptive reviews, screenshots, developer details and installation instructions a useful addition to the brief descriptions offered in the directory listings. So I decided to create Gadgets for Blogger - a searchable directory of gadgets which have been developed specifically for the Blogger platform. Each gadget listed in this directory features: The gadget title A full description of the gadget Screenshot of the gadget in action Details of ads included in the gadget (where applicable) Contact/website details of the gadget developer (where possible)  Quick install link, to add the gadget to your blog without having to navigate to your Blogger dashboard and through various menus to locate the installation link. All gadgets listed on Gadgets for Blogger have been tested first, t...
Posting Komentar
Baca selengkapnya

Another Blog Is Already Hosted At This Address - How To Fix

When attempting to set up their Blogger custom domain, many Blogger users have received the following error message: Another blog is already hosted at this domain Although I have set up many custom domains to use with Blogger , until this weekend I had never experienced this issue for myself (and was unable to offer any definitive solution for those experiencing this problem). My friend was experiencing this very persoalan after setting up her new blog a few days ago. We have been able to find some solutions which I hope may help others who see this error message when attempting to set up their custom domain. Assuming you have already configured the DNS settings for your particular domain provider and have attempted to publish to a custom domain through your Blogger dashboard, here are the steps you should take: 1. Publish back to your Blog*Spot domain In order to make your blog accessible while troubleshooting your custom domain, it is advisable to publish back to your Blog*Spot...
Posting Komentar
Baca selengkapnya