How to get your own Favicon

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

Follow:

28 Comments

  1. Candice
    May 15, 2015 / 8:14 am

    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. Jackie Harrison
    May 15, 2015 / 11:34 am

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

  3. May 15, 2015 / 12:34 pm

    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
    KizzyDoll recently posted…Friday Favourites!!!My Profile

  4. May 15, 2015 / 2:55 pm

    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.

  5. May 15, 2015 / 6:24 pm

    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!
    Suze recently posted…A Gentleman’s Afternoon Tea at The StaffordMy Profile

  6. May 15, 2015 / 9:57 pm

    So helpful you made it so easy to follow to <3
    Chloe xx
    Chloe recently posted…Nude LipMy Profile

  7. May 16, 2015 / 7:20 pm

    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

  8. May 16, 2015 / 11:31 pm

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

    Allie of ALLIE NYC
    allienyc.com

  9. May 20, 2015 / 1:09 am

    That’s so ridiculously easy it’s embarrassing to not have known that! Thanks :3

    LikeCubed

  10. July 3, 2015 / 4:41 pm

    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 *