As you begin blogging, you’ll find there are little things you see other bloggers do, but you have no idea how to go about doing them! One of those for me was how to create a Favicon. A Favicon is the small image that appears next to a website’s name on the Internet Tab Bar. If you are like me, and have a bazillion windows open at once, these Favicons come in handy because they can help you when switching from one tab to the other.

How to Create a Favicon

Having a Favicon will help your readers identify which of their tabs that is open is the one featuring your website. It also gives your website a nice, professional touch. If you’ve missed my previous posts on how to set up your site and how to set up a professional-looking theme, I highly recommend checking out those first.

So let’s check out how to create one! My favorite free resource for creating a website is PicMonkey.

Once you are in PicMonkey, click Design at the top of the screen

How to create a favicon

Next select Custom Size

How to create a favicon

Put in 512 and 512 and click Make it!

On the left of the screen that comes up, there’s a section shown right away called Canvas Color. Check the box for Transparent Canvas. This gives it a see thru background around the edges of your design. If you don’t care about that, you can have yours as just a square (the Facebook favicon is just a square….or if you see the first screenshot in this post has a square N).

How to create a favicon

Click on the butterfly icon on the left side of the screen.

How to create a favicon

At this page, you can select Add Your Own if you already have a logo to include. I’m going to make mine in here.

I want circles in my design. I have circles in my Methodical Blogger header logo, so I want my favicon to reflect that branding as well. I recommend you take elements of your brand that you have and put it in your Favicon. I select Geometric and pick the circle I want:

I want this circle larger, so I drag from one corner of it to resize:

I want overlapping circles, so I can right click and select Duplicate Overlay

How to Create a Favicon

I click on each layer and play around with the colors and to reflect my brand:

When you’re done, click Save. Type in any name under File Name and be sure the dimensions are 512 and 512. Then click Save to my computer

Now let’s put it in the website! In your WordPress dashboard, select Appearance and Customize.

Select General Settings

How to Create a Favicon

Click Site Identity

How to create a favicon

Click Select Image and select the image from your computer file:

How to create a favicon

Click Save & Publish

You’ll see now the favicon is changed!

How to create a favicon

But WHEN do you create a favicon? Are you doing it before you need to? Be sure to download my Blog Launch Checklist to make sure you are doing the right thing at the right time in the blog process. Simply fill in your info below:

 

http://www.methodicalblogger.com/wp-content/uploads/2017/05/Simplify-1-1.png
http://www.methodicalblogger.com/wp-content/uploads/2017/05/Simplify-1-1.png

Step-by-Step Blog Launch Checklist

If you are starting or re-launching a blog, chances are you might be a little overwhelmed with the process. In this Blog Launch Checklist, I break down everything that you need to do to get your blog running.