Home / A-Z Of Blogging / How To Add A Favicon To Your WordPress Or Blogger Blog

How To Add A Favicon To Your WordPress Or Blogger Blog

favicon

What is a favicon?
Favicon (short for favourites icon) is the small 16×16 pixel icon that is associated with your blog and shown in a number of places to help identify your website visually.

  • next to the URL bar – the address of your website in certain browser address bars
  • browsers tab – most newer browsers support tabs; your favicon is displayed there.
  • “Favorites” or “Bookmarks” – next to the name of your website in these sections or if someone bookmarks your site on a mobile device.

Blogger blogger_favicon  and WordPress wordpress_favicon  have their own default favicons, and many themes also come with their own Genesis-favicon. You put a lot of effort into giving your blog that personal touch, so why just settle for the default favicon?

How do I make a favicon?

You want to make your favicon something simple, with few colours — these types of icons come up best at such a small size.

There are many services online that you can use that will create your favicon for you. You just upload your logo or image you want to use and they will give you the image in the correct size and format required. Two of our favourites are favioner and facion.cc

Or you can make your own in your favourite image editor and save it as favicon.ico.

How do I add a favicon to my WordPress Blog?

There are a few ways you can add a favicon to your WordPress blog.

Your theme may already come with a default favicon. In these cases it’s just a matter of replacing the theme’s favicon with the one you have made. You will usually find it in the root or image folder of the theme you are using. Upload your favicon via FTP and overwrite the default.

Some premium themes may have a setting where you can easily upload the favicon and it will replace it for you. Have a look around the settings.

For those not so technical, and want the super simple option. There is a plugin that will easily allow you to add a favicon. Check out All in one Favicon.

How do I add a favicon to my Blogger blog?

Adding your favicon to Blogger is super easy. Check out this nifty gif showing you the steps.

About Leigh

Leigh is the founder of Blog Chicks and has been blogging, managing content and moderating communities in various forms since 2002. She now makes a living from her passion, which offsets her evenings spent Blog Chicks'ing and looking at cat gifs. You can find her personal blog at absoluteLeigh, and her first ever community at All For Women

4 comments

  1. Thank you so much for this information! I’m still getting my head around WP and implementing the favicon had been on my to-do list for awhile. It is now done!

  2. Thank you for this step by step guide, very helpful, and yep, favicon done too 🙂

  3. Thanks for the info – that made adding a custom favicon to my Blogger blog so much easier!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Scroll To Top