How to Add a Favicon to Your Blog

how to add a favicon to your blogHaving 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.”

img3

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

img4

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.

img5

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.

img6You 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.

img13

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

img14And 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.”

img13

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

img13

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.

Blog Templates - Designer Blogs
Posted by: Carrie & Erin


Comments

  1. What a cool idea. Thanks for the tut!

Speak Your Mind

*