Thursday, April 30th, 2009

How to create and add a Favicon to your WordPress blog

Filed under: How To's — Jane Blogs @ 11:15 pm

Hi, I can see you're new here. While you're looking around, you may want to subscribe.
Cheers, Jane :)

Favicon collageGive your blog a distinctive touch with a favicon in under 30 minutes by following these four easy steps.

Step 1: Create or choose your image

You can either create a 16 x 16 pixel file yourself in photoshop or paint.NET, or use a free icon from somewhere on the web.
I found the ones I’ve used on my blogs at Very Icon.

Step 2: Convert your image

Use one of the below online favicon generators, and save your favicon to your computer.

Step 3: Upload your favicon

Using either your website’s cPanel interface or FTP software like CoreFTP, upload favicon.ico to the main folder of the WordPress theme you’re currently using.

Step 4: Insert the code

Open your theme’s header.php file & insert the following line of code somewhere between the <head> and </head> tags.

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

View your blog & refresh the page.

All done!

Need more help?
Check out the in-depth info on Favicons at the WordPress Codex, or tweet me.

1 Comment »

  1. I have been wanting to do this for a while now. Have bookmarked the post and will do this when I revamp my blog. Thanks for the info.

    PlanningQueen’s last blog post..Reflections On A New Baby - 3 Months On

    Comment by PlanningQueen — Friday, May 1st, 2009 @ 2:36 pm

RSS feed for comments on this post. TrackBack URL

Leave a comment

Powered by WordPress