How to Add a Favicon to Your WordPress Blog
Blogging, How To, Technology February 15th, 2010

photo credit: dan taylor
What is a Favicon and Why Should Your Blog Have One?
A favicon is short for “favorite icon.” It is the little image you see in your browser tab next to the name of the website you are viewing. All favicons are the same size: 16×16 pixels. The one for Life Learning Today blog is:
The reason why you want to have one is for branding purposes. People will get to know your favicon and can quickly switch to your site on one of their browser tabs simply by recognizing your favicon. They will also be able to quickly spot it in their list of bookmarks. So now that you see the value in doing this the next step is how to get a favicon image. It’s really easy and free. Here’s how:
How to Create Your own Favicon for Your WordPress Blog
The easiest way is to go to Favicon.cc. Here you can create your favicon in one of 4 ways:
- Create one from scratch using their design tool. You fill in each pixel separately with the colors you want. Very easy to use.
- Search for one that is already created by typing in search words for the types of images you want.
- Customize a favicon that you find through searching. Once you find one you can adjust the colors very easily.
- Upload an image and they will convert it to favicon size for you. You can customize that image too.
How to Install a Favicon for Your WordPress Blog
- Once you have your favicon image at Favicon.cc then click on “Download Favicon.”
- Upload the favicon image via FTP to your webhost. Use the “html” or “public_html” folder.
- In your WordPress dashboard click on “Editor” under “Appearance.”
- Locate the “header.php” file and edit by adding this code: (make sure your image is named “favicon.ico”)
- Save your changes to “header.php.”
- Go to your site and do a hard refresh (Ctrl+F5 keys) to see your favicon in your browser tab.
<linkrel="shortcut icon" href="favicon.ico" >
Please Share
Did you like this article? Please see below to print, email, bookmark, or share socially! Thanks!
Similar Posts
- 3 Tips to Redesign and Upgrade Your WordPress Blog
- How to Make More Than 9 Text Sidebar Widgets in WordPress
- Complete Guide to Set Up a WordPress Blog and Make Money
- How to Become a Runner: A Simple Method for Beginners
- How to Stop Negative Thoughts About Yourself

















March 17th, 2010 at 5:05 pm
Hello,
A favicom is awesome i have been using them on my site for years and my clients love them! I have found it hard to get really clear ones but still what I do is always good enough
Great post
JJ
March 18th, 2010 at 3:43 am
That’s really useful
March 18th, 2010 at 1:42 pm
that is quite interesting to know that A favicon is short for “favorite icon.” I like the post very much and find out it is very informative and interesting as well.
March 19th, 2010 at 4:40 am
I actually really don’t like favicons. They make my bookmarks look like someone threw up in them
March 20th, 2010 at 9:57 pm
Thank you, and learned.
This is my blog , please exhibitions.
May 1st, 2010 at 12:08 pm
I’m totally going to use this on my site. Put my little face on it as a favicon
May 22nd, 2010 at 8:48 pm
very interesting. i think it can really make your site stand out from a crowd of tabs. just have to make a unique icon.
May 24th, 2010 at 10:46 am
So that’s what those icons are actually called! This is the first time I’ve actually come across the word “Favicon”. Thanks for the clear explanation and step-by-step guide. Will try that with my blog.