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

Free Blogger Backgrounds And Textures To Spice Up Your Site

Background images can instantly transform the appearance of our Blogger sites. Using the Blogger template designer, we can easily upload and configure a new background image in just a few clicks, while those using older templates need only add a few lines of code to achieve a dramatic effect. In this post, you'll find resources for hundreds of different free backgrounds, patterns and textures you can use to spice up your Blogger site, along with instructions for applying this simple but extensive effect. Large background images Large background images enable us to display a single large image behind the main content of our site, such as a photograph or complementary texture. Here is a selection of excellent resources for large background images and textures: HOT Bliggity Blog Provides a huge selection of large background images with a contrasting central panel to offer contrast for the main site content. Shabby Blogs A beautiful col...
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

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