How to add a favicon to your wordpress blog

Woohoo. Just figured out how to add a favicon to my blog.

A favicon is a small image that appears in the browsers address bar. This is how to add one to your wordpress blog.

Make it in Photoshop – must be 16 pixels by 16 pixels.

Save it in format gif or png with file extension .ico

Upload it into the folder of the theme you are using. Will have to use FTP for this.

Copy the following code into the “header” section of your site. That is, use the wordpress editor to edit the “header.php” file. Check for the head section, and paste it in there!

<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />

PS – you dont have to call it “favicon”.

5 Comments (+add yours?)

  1. charles
    Mar 14, 2008 @ 08:04:02

    yea cool,
    i found a plugin for photoshop that allows you to save .ico files, which could be useful…
    you can DL here: Telegraphics

  2. charles
    Mar 14, 2008 @ 08:05:52

    just realized how similar our themes are! – omg… u also used treba LOL ooops

  3. masha
    Mar 14, 2008 @ 16:07:09

    Oh. I just save it as a gif and change the file extension. Seems to work!

  4. Erik von Werlhof
    Mar 25, 2011 @ 05:55:29

    Thanks so much for sharing this with us! I figured it was time to get my blogs one step further out of the dark ages.

    Erik

  5. Erik von Werlhof
    Mar 25, 2011 @ 07:22:24

    Are the single quote marks (‘) shown where it says ‘template directory’ supposed to be there? Also, does this code get entered between the initial and final head tags?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: