How To Add A Favicon (Favorite Icon) Image To A Wordpress Blog

To be notified of new blog posts, just enter your email and confirm. (You’ll get a valuable interview with Kevin Riley as a free gift from me)

If you look at your browser address bar as you’re reading this blog, you’ll see my favicon image.

It’s the sweet-looking, small speech-bubble image, with the letter “K” inside.

And if you add this blog to your favorites or bookmarks (and I hope you will!), you’ll also see the image appear in your list of bookmarks,

This should help my blog to stand-out from the other sites.

If you would like to add a favicon image to your Wordpress blog, here’s how to do it.

STEP 1

Make a 16×16 pixel image and save as an “ico” image. Call it favicon.ico

You can use the free graphics program GIMP to do this, if you don’t already have suitable graphics editing software.

If you don’t want to make your own image, you may download and use this favicon I’ve made.
  

download and use this favicon image

Just right-click and choose “save image as”, to save it to your desktop.

STEP 2

Upload the favicon using an FTP program to your server, at the top level of your blog.

Rename it to favicon.ico if necessary.

STEP 3

Login as admin for your blog. Ensure this line of code is in the header.php file, of the theme you are using.

Add the code line using the theme editor, if it’s not there already.

<link rel=”shortcut icon” href=”<?php echo get_settings(’home’); ?>/favicon.ico” />

Here’s an image, showing the theme editor being used to edit the file header.php …

Using Theme Editor On header.php

STEP 4

Refresh your blog and check the favicon shows as expected.

Hope you like it!

5 Responses to “ How To Add A Favicon (Favorite Icon) Image To A Wordpress Blog”

  1. scooby mad Says:
    October 7th, 2008 at 5:05 pm

    i dont know where it is, the part 3 i cant find header.php do you need css? im using wordpress

  2. admin Says:
    October 7th, 2008 at 5:42 pm

    Thanks for the question.

    I have added a screenshot above, showing me using the Theme Editor, on the code in file header.php.

  3. Recent Links Tagged With "ico" - JabberTags Says:
    October 24th, 2008 at 2:22 am

    [...] public links >> ico How To Add A Favicon (Favorite Icon) Image To A Wordpress Blog Saved by luvpink4ever22 on Wed 22-10-2008 ?Icon? PRYNDER & AQUINDER Finder icons Saved [...]

  4. Ali Says:
    November 18th, 2008 at 3:05 pm

    STEP 2

    Upload the favicon using an FTP program to your server, at the top level of your blog.

    What do you mean by “at the top level of you blog”
    can you elaborate? What is the top level? sorry I am new to all this. THanks.

  5. admin Says:
    November 19th, 2008 at 9:01 am

    Hi Ali

    Thanks for the question. By “at the top level of your blog”, I mean don’t put it in a subfolder.

    So if your blog is installed at the root of the domain, put it there ie. yourdomain.com/favicon.ico

    Alternatively, is your blog is in a subfolder, for example at yourdomain.com/blog then put the icon there at.. yourdomain.com/blog/favicon.ico

    Hope that helps.

Leave a Reply