kindragoehler.com

November 12, 2008

Add a Favicon to your Wordpress Blog

Filed under: Tip of the Day, Web Design — Tags: , — kindra @ 3:51 pm

Adding a favicon to your blog or website creates a more polished look and feel while extending your brand to the browser chrome. It’s also really easy to do. Below I’ll take you through the steps of creating your favicon and adding it to your WordPress Blog.

First, create a 16×16px image in your favorite image editing program

Next, save your image for web and change the extension to .ico

Upload your image to your server.

Open WordPress and go to your dashboard.

Click on the Design Tab and then open the Theme Editor.

Click on the Header link on the left hand side

Right before your head tag insert this code:

<link rel="shortcut icon" href="favicon.ico" />


making sure that the path leading to your favicon is correct.

Update your settings and you are all set!

Bonus: You can use these instructions to create a favicon for every website, not just WordPress blogs, just ignore the WP portions and insert the code right before the tag on your regular index page.

3 Comments »

  1. Great site. Thanks… :)

    Comment by antiquarian books — December 11, 2008 @ 12:59 am

  2. Thank you for this information. :)

    Comment by rare books — December 11, 2008 @ 7:56 am

  3. Always glad to help!

    Comment by kindra — December 11, 2008 @ 9:22 am

RSS feed for comments on this post. TrackBack URL

Leave a comment