Posted on May 15, 2015

How to get your own Favicon

blog tips

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

  • Reply Nottooseriousblog May 15, 2015 at 8:08 am

    Nice tutorial 🙂
    Nottooseriousblog recently posted…Mój pierwsz lakier z Golden RoseMy Profile

  • Reply Candice May 15, 2015 at 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

  • Reply stephanie May 15, 2015 at 8:37 am

    Thank you! You are awesome!
    stephanie recently posted…Florida Summers Are Brutal!My Profile

  • Reply Liakada Travel May 15, 2015 at 9:07 am

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

    Ash | Liakada Travel
    Liakada Travel recently posted…Marrakech at NightMy Profile

  • Reply Shaira Manalo May 15, 2015 at 11:16 am

    Ohh this is so helpful. Thank you. i almost forgot how to. Good thing you made me remember :))

    Win any top of your choice from Banggood on my blog!

    xoxo,
    SHAIRA
    http://www.missdream-girl.blogspot.com
    Shaira Manalo recently posted…Win a top of your choice from BANGGOODMy Profile

  • Reply Jackie Harrison May 15, 2015 at 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.

  • Reply KizzyDoll May 15, 2015 at 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

  • Reply MissLovelyAttitude May 15, 2015 at 1:10 pm

    thanks for this post 🙂

  • Reply Melanie May 15, 2015 at 1:43 pm

    You make it sound so easy!
    Melanie @ meandmr.com
    Melanie recently posted…New Orleans Packing ListMy Profile

  • Reply Alissa May 15, 2015 at 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.

  • Reply Rafaela May 15, 2015 at 3:10 pm

    Thanks for the tip dear!!

    http://fashionwalkinbrussels.blogspot.com/
    Rafaela recently posted…Exploring Luxembourg – Vianden and BeaufortMy Profile

  • Reply Iga Berry May 15, 2015 at 4:24 pm

    Thanks for the advice! Find me at http://www.igaberry.com/ & https://www.bloglovin.com/blogs/igaberry-13323143 Have a lovely day, Iga x

  • Reply Rowena @ rolala loves May 15, 2015 at 4:51 pm

    I think I edited mine pretty early on. I’m one of those people who just has to customize everything ;p
    Rowena @ rolala loves recently posted…Eye Candy : Zhao Wei for T MagazineMy Profile

  • Reply glamourzone May 15, 2015 at 4:57 pm

    great tips dear,
    hadnt though of using it before.
    glamourzone recently posted…Floral print dressMy Profile

  • Reply Suze May 15, 2015 at 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

  • Reply Elizabeth Rebecca May 15, 2015 at 8:02 pm

    I love this tutorial (yay!) but now this is on my to do list (booo!) 😀

    Lizzie Dripping

  • Reply Shireen L. Platt May 15, 2015 at 9:00 pm

    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
    Shireen L. Platt recently posted…The Moment of Truth: DressLink.com The Good, The Bad and The Ugly (PICTURE HEAVY)My Profile

  • Reply Gingi May 15, 2015 at 9:45 pm

    Okay, totally off topic, but if anyone would know, you would.. how do I promote a GoFundMe to it’s fullest??!?! – http://www.domesticgeekgirl.com
    Gingi recently posted…Red Clover Blossom Tincture for PMS SymptomsMy Profile

  • Reply Chloe May 15, 2015 at 9:57 pm

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

  • Reply Olivia May 16, 2015 at 12:11 am

    Thanks for the tip! I never realised it was so easy!
    Olivia xxx
    http://www.sunshineinadress.com
    Olivia recently posted…Friday Favourites #2My Profile

  • Reply sera May 16, 2015 at 2:09 am

    this is a great tutorial 🙂

    xx Sera | STARDUSTBOHEMIAN.COM
    (IG: @TheStardustBohemian)
    sera recently posted…By the SeaMy Profile

  • Reply LindaLibraLoca May 16, 2015 at 12:35 pm

    Thanks for the step by step. Even I can do this!
    LindaLibraLoca recently posted…Inspired By … Dior Tie Dye Summer 2015My Profile

  • Reply Lucy May 16, 2015 at 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

  • Reply Allie Mackin May 16, 2015 at 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

  • Reply Kel May 17, 2015 at 7:37 pm

    I’ve wondered about this for aaages, will get on it soon!
    Kel recently posted…Quiz Night at the BotanistMy Profile

  • Reply Laura May 20, 2015 at 1:09 am

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

    LikeCubed

  • Reply stephanie July 3, 2015 at 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!

  • Reply Kimberly Fairchild January 2, 2016 at 1:07 am

    Thank you so much! I never knew how to do this for my blog before!

    xo, Kimberly
    http://www.blogsfordays.com
    Kimberly Fairchild recently posted…2015: A Year in ReviewMy Profile

  • Leave a Reply

    Back to top