Design 101: Personalize your Favicon


In this new how-to series, Shayla Moller, graphic designer and Pinner extraordinaire (over 3 million followers!), will be sharing design and social media tips with us.

You may be wondering just what in the world is a “favicon??” A favicon is that little orange “B” sign you see next to the blogger url. It’s just a little detail that can make a big difference if it’s changed to a pretty, personal symbol of some sort. And the best news yet is that it’s quite a simple process!

Step One: Create Your Favicon.

Creating a favicon image can be done on an Adobe program, such as Photoshop or Illustrator, or with an online tool such as PicMonkey. Remember that it’s going to be a veeeery small image, so too much detail isn’t necessary. Save the image in a square format, such as 200 X 200 pixels.

Step Two: Upload Your Favicon.

Go to blogger, layout, and in the upper lefthand corner there should be a “favicon” widget. Click on it and upload your image. It may take a day or two to stick but then it should show up and stay there looking all pretty and professional!

Let me know if you have any sort of questions in the comment box below!


Leave a Comment

  1. Rosie says:

    This is wonderful, thank you so much for sharing. I’d always wondered how those cute little icons appear on the address bar :) I’ve pinned this and added it to StumbleUpon too, sending hugs x

  2. Mariah Horonzy says:

    This was VERY helpful! Thank you for sharing!

Your Comment