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.
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
Next select Custom Size
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).
Click on the butterfly icon on the left side of the screen.
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
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
Click Site Identity
Click Select Image and select the image from your computer file:
Click Save & Publish
You’ll see now the favicon is changed!
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:
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.