This post may contain affiliate links, which means I will receive a small share of any sales generated through these links

How to get your own Favicon

What’s a favicon? Well, it’s that little icon on your tab or bookmark bar that is generally the logo of a website. You might notice…

by 

favicon

What’s a favicon? Well, it’s that little icon on your tab or bookmark bar that is generally the logo of a website.

Screen Shot 2015-05-08 at 20.16.46

You might notice that some blogger blogs have the orange B by default and WordPress blogs will carry the blue grid or W logo.

When I first started blogging, I often wondered what this icon was called and if I could change mine to customise by blog a bit more.

It turns out that it’s pretty simply to change your favicon.

I’ma show you have to change your favicon for Blogger, WordPress.org and WordPress.com.

Create your favicon.

Creating your favicon is pretty simple. Basically, you want an image that is 16×16.

  • Create your image (it might be part of your header or the initials of your blog).
  • Use photo editing software or Picmonkey to change it to 16×16 pixels.
  • Save it as a JPEG or PNG.

You now have our favicon ready to upload. Here’s how.

How to add a favicon to Blogger blogspot.

  • Go to the template section in your blogger settings.
  • Click on ‘Favicon’ near your header.
  • Upload the favicon you’ve just made.

Screen Shot 2015-05-08 at 20.35.24 Screen Shot 2015-05-08 at 20.35.47

How to change your Favicon on WordPress.com

  • Go to Setting sin your WP admin.
  • Click on ‘General’
  • In the top right corner, find the ‘Blog Picture/Icon’ box.
  • Upload your image.

Screen Shot 2015-05-08 at 20.38.28 Screen Shot 2015-05-08 at 20.39.18

How to change your favicon on WordPress.org

You’ll need to use a plug-in on self-hosted wordpress.

The one I use is called ‘All in one Favicon’

It’s pretty easy, all you do is install the plug-in then upload your image.

Screen Shot 2015-05-08 at 20.47.11

Please note that it can take up to 48 hours for the Favicon to change, so you have to be patient once you’ve uploaded it!

Untitled3

28 comments

  1. Thanks Corinne – theres are some really great tips, took me some time to figure it out on WordPress when I transferred my blog from blogger ..

    Happy Friday

    CANDICE | BEAUTY CANDY LOVES

  2. Nice tutorial! I felt so pro when I changed mine to a custom one! haha 🙂

    Ash | Liakada Travel

  3. Thank you Corrine this is very helpful I new I had it but never paid no mind until now. Have a lovely weekend.

  4. I did mine some years ago, I kept seeing that section when I edited my blog and wondered what it was, so I just looked it up and then changed it. It’s quite cool really 🙂 Happy weekend x

  5. My favicon is a heart and I like it. Thanks for the tip! Although I know how to change mine, this will come in handy for others.

  6. I think I edited mine pretty early on. I’m one of those people who just has to customize everything ;p

  7. Such a great tutorial that I’m going to pin it to my Blog Tips board. It was actually another blogger who first told me about favicons, I went quite a few months without one!

  8. I finally realized that this could be done like 3 months ago, after a year of blogging I am still that clueless.

    Shireen | Reflection of Sanity

  9. I wish I had seen this ages ago I spent quite a bit of time listing after others and wondering how you did one Lucy x

  10. Hey great post and info, when I was first blogging I had no idea how to do this.

    Allie of ALLIE NYC
    allienyc.com

  11. I actually did this, step by step last night, and it actually worked! Thank you! (Now if I could just figure out how to make my pictures a circle, I’d be a happy camper!

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.