How to add a favicon to a WordPress Blog

I have a number of WordPress Blogs hosted from my domain and until recently hadn’t realised that I could have a different favicon for each one. In case you are unfamiliar with a favicon, it’s the little icon that appears beside the site name/address in your browser when you visit that site. For this site, that is a miniature picture of me!

Anyway, here is how to use a specific icon for any given blog (WordPress only):

  1. Place a copy of the icon file (favicon.ico) in the top level area where your WordPress blog has been installed.
  2. Edit the header.php file for the theme you are using. This is usually located in wp-content/themes/<themename> for WordPress blogs).
  3. Add the following line and save the file.
  4. <link rel="shortcut icon" href="favicon.ico" />

  5. Refresh the site from your browser and you’re all done!

Source: Amos Wong