Friday, 5 February 2016

How to get a custom favicon

How to get a custom favicon

What is a favicon?


Favicons are those little images which tell you what website each tab of your browser is open on. The G in a circle for Google, B in a round cornered square for Blogger, W in a square for Wikipedia and so on. Favicon itself is short for 'favourite icon', and the concept has been about since the dark ages of the internet. (1999 to you and me.)

favicons
Some well known favicons.

Why should I get a custom favicon?


It's all about branding. Why advertise your blogging platform when you could be advertising your own blog?

How do I get one?


The good news is that creating your own favicon is super simple. The hard part is thinking of a logo that represents your blog, and looks good in the tiny 16 x 16 pixel format of the finished product. I decided to go with a blue B in the pacifico font, as used on my blog banner, and quickly made up a .jpg file with picmonkey.

Once you have your image, you can use an online tool like this one to convert it into a .ico file.

Next you need to upload it. If you're on Blogger, just go into your dashboard, click 'layout', and the favicon box is the first on the page. Click 'edit' and you'll be able to upload your new favicon.

Blogger favicon edit page
Here you can see my new favicon, all uploaded.

If you're on WordPress 4.3 you need to go to 'appearance', then 'customize', then 'site identity'. You'll then have the option to upload a 'site icon'. If you're on WordPress 4.2 or below, things are slightly more awkward. You can either use a favicon plugin, or you'll need to upload your favicon into root directory (i.e. main folder). Then you need to add some code to your header, like this:

code for favicon
Credit: www.wpbeginner.com - when you type it in, switch out their web address for your own.

Now you're ready to show off your new favicon to the world! :)





20 comments:

  1. Thank you so much! Sorting out my favicon has been on my blogging to do list for ages but you've made it seem much simpler. Thank you :) x

    ReplyDelete
    Replies
    1. I'm the same! I kept meaning to look into it but thought it would be an all day project or something! x

      Delete
  2. Oh, that sounds so simple, I'm tempted to give it a try! Pinning so I don't forget it

    ReplyDelete
    Replies
    1. Do! I put it off for ages thinking it would be difficult, but it was actually really easy. x

      Delete
  3. Ahh! I did this a couple of years ago and I've been meaning to change it for ages but couldn't remember how. Thank you x

    ReplyDelete
  4. I am so glad my favicon came with my blog theme, even with dummies instructions I still get stuck, however this will be handy if I ever decide to change it! #pocolo

    ReplyDelete
    Replies
    1. I'm trying to get better with the tech side of things - slowly!

      Delete
  5. Thanks so much for this helpful tip. Pinning to blogging board. Have a wonderful weekend.

    ReplyDelete
    Replies
    1. Thank you! I hope it goes smoothly for you :)

      Delete
  6. I've never heard of this but am so going to make one - thanks so much! #justanotherlinky

    ReplyDelete
    Replies
    1. Glad I could help! It took me ages to work out what they were called, other than just 'little tiny picture thingy' lol.

      Delete
  7. Aha! Just the post I need, as I e been coveting one of those - fab, thank you. And thank you for linking up to #PoCoLo x

    ReplyDelete
  8. Thanks for this, it's something I've had on my to do list for a while. Thanks for linking to #PickNMix
    Eilidh x

    ReplyDelete
  9. I'll be using this as I didn't have a clue before. Thanks for linking up to #justanotherlinky xx

    ReplyDelete
    Replies
    1. I figured it was going to be really difficult - I was so glad to be proven wrong! x

      Delete
  10. I never knew you could do this on blogger! I've done mine on wp, I love having one, makes me feel more professional ;-)

    ReplyDelete
    Replies
    1. It still makes me smile every time I see mine! :)

      Delete

I love to hear from you, so please don't be shy!

newerPageTitle olderPageTitle Home