Skip to main content

Improve Your Brand: How To Change Your Favicon on Blogger

How to change your favicon on Blogger

As much as we love Blogger, having the default Blogger Favicon does your site's branding efforts no favors. It's often the little things that makes a site stand out from all the rest and if you've already got your own customized domain address, the next step to make your site look more professional is to add a customized favicon. Here's how you can change your website's Favicon in 4 easy steps.
Namecheap.com

What is a Favicon?


A favicon is a small, square image, usually 16x16 pixels, associated with a particular website. It is typically displayed in the address bar of a browser accessing the site or next to the site name in a user's list of bookmarks. If you're not sure what it is, the screenshot below highlights the Favicon in red:

What is a favicon

As you can see, the Blogger icon appears on the left of the EyeObserver tab and i'll show you how that can be changed to your brand's logo in 4 steps.


Step 1: 

How to change your Blogger favicon 1


Open the Blogger dashboard and go to the "Layout" menu. Most templates have the Favicon gadget added as a default already. But if not, you can add it by clicking on  "Add a Gadget".

Step 2: 

How to change your Blogger favicon 2

Click the "Edit" link on the Favicon gadget. A popup will appear.

Step 3:

How to change your Blogger favicon 3


Browse for the image you want to use as your Favicon  and click on the "Save" button. Blogger accepts only square images less than 100 KB in size so you might have to do some editing of your original image.

In our case, we had to convert our rectangular logo to a square one using MS Paint.

Step 4: 

Wait... it'll take anywhere from a day to 5 days for the changes to show up. Don't be alarmed if your new Favicon doesn't show up immediately. If it had been more than a week, then you should try the steps listed above again. 

Namecheap.com

Conclusion

Using a customized Favicon is an important step in building a brand and one that you shouldn't ignore. Hope you've found this tutorial useful and i'll add another one on how you can add an animated favicon (Gif) for your site real soon. Thanks for reading, and all your follows and shares over the years! 

Comments

Popular posts from this blog

Best Cables for 144Hz Monitors - DisplayPort

144Hz monitors have a few different inputs, like DisplayPort , Dual-link DVI and HDMI to choose from, but which is the most recommended one? We've definitely come a long way from the days when monitors offered only a single VGA port. This article will explain which is the recommended port and type of cable to use for your 144Hz monitor.

Big Home Routers | Best WiFi Routers for a 4000 sq ft House

One of the great frustrations of living in a large or multi-story house is that a single Wi-Fi router isn't able to cover the entire house. Even homes around 2,000 square feet in size are likely to be plagued by Wi-Fi dead spots. If you'd like to say goodbye to terrible Wi-Fi, this guide will explain what Wi-Fi mesh is - one of the most exciting router technologies to emerge in recent years and also highlight what are some of the best mesh routers on the market today.

44 Best Free Responsive Blogger Templates

One of the most important decisions you can make when starting your blog or site is it's theme design or template. Your site's them not only sets the mood for your readers, but also plays a big part in SEO, multi-device usability and social-sharing, all of which play a big part in determining the success of your blog. Unfortunately, the default options available in Blogger have not been refreshed, looking like they're from the early 00's. Not to worry - many HTML and CSS designers have stepped in to fill the void with custom theme designs being made available for Blogger. We've trawled through the newer offerings to bring you 44 terrific free Blogger templates  - check them out!