How to put a Favicon in Wordpress Blog

Favicons are the cool little symbols that are right to the left of your title in the browser bar. Favicons in your bookmarksFavicons are also used in the bookmarks section of your web browser (see left side image). For example, the black circle with a white U to the left of the Underdog Sports Leagues name is a favicon. Favicons help users quickly glance through their bookmarks to find your site. The other two links in the bookmarks section are hard to differentiate between because they lack a favicon. I recently added a favicon to my site (the black J connected with the X on a white background).

How to make a favicon:

1. Create a roughly square image containing the visual elements you want to appear in your Favicon. To design a good favicon, I recommend using simple elements that are easily recognizable such as a letter or two with a unique color. You can also take someone else’s favicon (criminal! ;) ) by simply typing in their url and adding /favicon to the end of it (steal mine by typing in joelx.com/favicon) and then right clicking the image and saving it.

2. Go to this site and upload your image and convert it to the .ico favicon format. Next download it to your computer. You now have a favicon!

Below I have listed 5 simple steps to putting a favicon on your Wordpress blog:

1. Create or download a favicon.ico file.
2. Upload your favicon file to your blog using an FTP client. Place it inside the initial public_html folder, not inside one of the blog subdirectories like /wp-includes.
3. Check to make sure you placed your favicon in the correct directory by typing in your-url.com/favicon.ico. If you see your favicon image you did it correctly.
4. Go into your Wordpress admin panel and click Presentation, then Theme Editor and on the right hand side click on header.php to open your editing window. Add the following code <link rel="shortcut icon" href="favicon.ico"> anywhere between the <head> and </head> tags.
5. View your blog in the browser and hit Ctrl +F5 to hard refresh your browser. Congrats, you now have a favicon!

DIGG! STUMBLE! FACEBOOK! DELICOUS! TWITTER!- Share post below!
  • Digg
  • StumbleUpon
  • Facebook
  • del.icio.us
  • TwitThis

5 Tips To Make Your Blog Unstoppable
New Blog Feature: Live Chat!
How to Improve Your URL Structure
Writing Better Title Tags
How To Increase Comments on Your Blog
Blog Issues
How To Build A Basic Online Reputation
Find Web hosting Information: Web hosting Reviews and Ratings
Blog.Joelx.com Stats of Note
Good News! Blog Finally Transferred
Poor Neglected Blog
Google Becoming Most Dangerous Monopoly In History
POSTED BY Joel on Feb 10 under Web Design

Leave a Comment

If you would like to make a comment, please fill out the form below.

Name (required)

Email (required)

Website

Comments

6 Comments so far
  1. antiquarian books December 11, 2008 6:11 am

    Thank you for this information. :)

  2. leed March 24, 2009 1:25 am

    thanks bro…your info is very useful..unfortunately my favicon only appear at homepage but not on other sub pages…can you help me solve this problem…

  3. nnm7773 April 15, 2009 11:24 am

    Спасибо. То, что нужно ))

  4. Sairah May 12, 2009 1:52 pm

    Hey, I’ve been trying to get a separate favicon for one of my subdirectories- you don’t by any chance have a clue as to how to go about it, do you? O.o

  5. Sairah May 12, 2009 1:55 pm

    Ah, nevermind, I’ve figured it out ^^

  6. Junior B. August 30, 2009 3:01 pm

    Nice write up…usually I never reply to these thing but this time I will,Thanks for the great info.

Copyright Best Online Marketing Blog – Joel Gross | Powered by Joel