TechyGamer.com IT Guy and Casual Gamer

13Nov/09

Adding a favicon to your WordPress blog

FaviconIf you're like me and have a wordpress blog but do not have a neat little "favicon" for your blog yet - I will point you in the right direction. The process is very simple and can be done in a few minutes.

What is a favicon?
Wikipedia's definition - "A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage."

The purpose of a favicon is used to uniquely identify your website while browsing through bookmarks.

First, before we begin you will need to find an image that you would like to use for you favicon. I simply opened paint and used the letter "TG" and saved the image for a very basic favicon.

Once you have your image, you can use a generator to convert your image to the standard size and format needed for a favicon file. You can use any of generators out there on the web. I used the aptly named "Favicongenerator" which also includes the rest of the steps needed to apply your new favicon, I will list them here for convenience but please read my note at the bottom before proceeding.

Click "Click Here to Download Your Favicon!" above. After downloading, simply upload favicon.ico to your root directory.

Copy and paste the following code to the <head> section of your webpages:

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

Note: I have found that my particular theme did not need any additional work except placing the favicon in my root directory as well as in the particular theme folder.

-The Stanz


Filed under: Off Topic Leave a comment
blog comments powered by Disqus
Get Adobe Flash playerPlugin by wpburn.com wordpress themes