How To Add A Favicon To A WordPress Blog

Today I have added a favicon icon to the www.how-2-make-a-website.com blog. A favicon is a good way to brand your site and to help people to locate your website between their other bookmarks.

What is a Favicon?

A favicon which is short for favorites icon is also known as a

• website icon
• url icon
• shortcut icon
• bookmark icon
• location bar icon

The size of a favicon is a 16×16 pixel square icon

Have a look at the following image and see the favicon marked with the yellow circle:

Website Favicon

A favicon can be very useful to find a site when you have lots of bookmarks. It also looks good.

Have a look at this screenshot of my bookmarks. This is a long list of bookmarks, but I cut screenshot short.

WordPress Bookmarks

How to add a Favicon to your WordPress blog

1. You will need a image for your favicon. You can use your logo, words etc. If you don’t have your own image then you can use royalty free images by searching for it in a search engine
2. Go to http://tools.dynamicdrive.com/favicon/ to create you 16 x 16 favicon.
3. Choose your image and click on the create icon button
   
   

   How To MAke A WordPress Favicon

4. Upload via FTP the created favicon from the location that you saved it to the root of your website hosting server. You can use cPAnel, Filezilla etc. to upload the 16 x 16 favicon to your web server. I’m going to use Filezilla. Have a look at the screenshot.
   
   

   Upload Favicon With Filezilla

5. Now you need link that point from your blog to the uploaded icon on the web server
6. Log into the admin side of your WordPress Blog and go to Appearance section.
7. Select Editor
8. Select Header.php
9. Add the following code to the header section of your blog.
   
10. Check screen shot
    
    

    Edit WordPress header file

11. Save you header.php file
12. Now the last step is to refresh your web browser and the favicon will appear. Sometimes it takes a while to show.


WordPress Favicon