How to Add a Favicon to Your Blog

December 16, 2016

Having a favicon on your blog or website is an important aspect in creating brand identity. Favicons are small icons (usually 16×16 pixels) which appear next to your blog title in the browser tab. Favicons help readers identify your blog and are super easy to add.

This tutorial will walk you through how to add a favicon in both WordPress and Blogger. If you don’t already have a favicon available to use on your blog, we’ve created a few basic ones that you can use as you try out this tutorial. Here are the favicon’s included in the file:

<< DOWNLOAD FAVICON’S HERE >>

---

In WordPress

First, we need to install the All in One Favicon plugin.  Go to your WordPress Dashboard and click on “Plugins” and then “Add New.”

Search for “All in One Favicon” by Arne Franken.

Then click on “Install Now” under the name.  It will ask you if you are sure and just click OK.  Then, activate the plugin on the next screen.

Now you will see the All in One Favicon plugin under your “Installed Plugins.”

To upload your custom favicon so it will be present on your website/blog, click on “Settings” underneath the “All in One Favicon” title.

You will see the following screen.  Click “upload” by the “PNG frontend” option.  We are using a .png for this exercise, but this plugin also supports .ico, .gif, and Apple Touch icons as well.

Find your favicon file you saved to your computer.  After it uploads, be sure to push “Save Changes” at the bottom of the screen.

And that’s it, folks!  See how easy that was?  Head on over to your website and see how your new favicon looks!

---

In Blogger

In your dashboard, click on Layout. Then find the Favicon box and click “Edit.”

Then click “Choose File” and search your computer for the favicon file you wish to upload. Then click “Save” to save your changes.

View your blog and you’ll see your new favicon!

If you’d like a custom favicon designed that coordinates perfectly with your blog design, visit our blog accessories shop and purchase the “favicon” option and a designer will be in touch to get that custom designed and added to your blog for you.