We've covered most of the basics of starting a blog from scratch. As you'll find, there will always be tweaks and improvements you can make to your blog. Installing a favicon is one.
What is a favicon?
It's a little logo or image that shows up with your blog around the web. It's probably most commonly seen in a browser like so:
Why do I want a favicon?
Well, a favicon is by no means necessary, however it enhances your branding and your professionalism.
How do I get a favicon?
First, you create an image 16×16 pixels to be used as your favicon. Save your image as favicon.ico and install it on your server. Let me explain…
How do I create a favicon?
As I said, a favicon is a 16px by 16px image.If you're familiar with creating images already, simply create an image 16px by 16px then skip to the next step.
If you're not familiar with creating images, here are some options:
Option 2: You could also use one of the many favicon generators online to make your own, like this one.
Option 3: But here's my simple (and perhaps unconvential) method,
using Picnik. Update: Sadly, Picnik is going away, however I'll leave this video tutorial up since the techniques for creating a favicon can be duplicated in other similar programs. Check out this post for alternatives to Picnik.
Can't see the video? Watch it here.
How do I get my favicon to show up online?
Make sure your 16×16 pixel image is named favicon.ico. If it doesn't have the .ico extension, this will not work. To change the file name, simply rename your image from, say, favicon.jpg to favicon.ico. You could also open your favicon.jpg file and then "Save as" favicon.ico.
How to install the favicon file
Now, upload the favicon.ico file to your server. Choose your theme below for specific instructions…
How to install a favicon in Genesis
If you're using Genesis for your theme (I am!), there's another step to take. Here's how to install a favicon in Genesis.
How to install a favicon in Elegant Themes
It's very easy to install a favicon if you're using Elegant Themes. Simply click on Elegant Themes Options in the left column on your Dashboard and then click the Upload Image button under Favicon. Don't forget to Save!
How to install a favicon for most other themes
Option 1: For many themes, you can simply upload the favicon.ico file to your public_html folder via your File Manager. Here is How to Access Your File Manager.
Option 2: A second option would be to access your files via FTP. Here's How to Use FTP. If you don't see your favicon.ico file on the left or your public_html on the right, you'll have to open up the files by drilling down (like clicking the computer icon at the top of the right side, for example).
That's it! If you follow the instructions, note that you may have to wait a day or so for it to show up. It's gotta make its way around the web.
Disclaimer: The links in this post are my affiliate links. My disclosure policy is here.