How to Display a Favicon on Your WordPress Blog

Favicon (short for favorites icon) as defined by Wikipedia as a website icon, shortcut icon, url icon, or bookmark icon is an icon associated with a particular website or webpage.

faviconYou can see the url bar where next to http://thecashcow.in a favicon is displayed.

Favicon helps a blog in many ways, first off it helps in branding the blog. Secondly it separates your blog from other bookmarked websites as your logo is displayed next to your bookmark.

Follow these steps.

Step 1.
Make a 16×16 px logo on Photoshop. Save it in gif, jpg, png or bmp.

Step 2.
Need to convert it to .ico format. For this you can go to DynamicDrive

Step 3.
Upload your favicon.ico to the root directory of your blog. i.e. public_html
Verify it’s there by typing http://mysite.com/favicon.ico in the browser

Step 4.
Login to WordPress admin and go to your theme admin, click Edit theme and add this code to header.php file.

That’s it! You are done.

Note: In IE it may take time for favicon to appear but in FF it will display immediately.

SocialTwist Tell-a-Friend
  1. No comments yet.

  1. No trackbacks yet.