Oct 29

Add a favicon to your blog or to your site

Blogging, Web Add comments

The favicon is the little image that shows on the URL bar, right before the “http://….” . It also shows up on the browser tabs, and in your favorites once you bookmark the site.

It’s just another touchpoint for branding.

  1. Select the image that you will use for the favicon.
  2. Go to html-kit.com/favicon.
  3. Upload your image.
  4. Download the ZIP file containing the favicon.ico, an animated .gif file of the same icon, and the instructions.
  5. On a WordPress blog is not as straightforward as on a website, but it is still manageable:
    - open up your site manager, I use either Microsoft FrontPage or Microsoft Expression Web;
    - open header.php within the folder containing the theme that you are using;
    - within <head> and </head>, insert the following lines:
    <link rel=”shortcut icon” href=”favicon.ico” />
    <link rel=”icon” href=”favicon1.gif” type=”image/gif” />
    where favicon.ico and favicon1.gif are the names of the icon files.
  6. Save theheader.php file.
  7. Upload the favicon.ico and favicon1.gif files to the root directory of your site.
  8. DONE!

written by lorenzo


Leave a Reply