I’m writing this post so that I’ll have a quick reference when I want to change my favicon in the future and for some of my fellow bloggers who don’t yet have a favicon for their site. What is a favicon? It’s that tiny image to the right of your site’s address in the url line. Favicons also appear in most browser tabs.

Marathon asked me to figure out the how to make a favicon for our drawer organizers site. I couldn’t believe how easy it was! So here goes with step-by-step easy instructions.

First think about what kind of icon you want. I created the one for this site in paint, saved it as a jpeg, and then uploaded it at this handy favicon creator site. At this site you can create favicon’s from photos! You can see the result right on their site. If you like what you see, download the image to your computer.

Then upload that image to your website -full size :). It will be this big —

Finally copy the following code into your header code (that is, between the <head> tag and </head> tag.

<link rel=”shortcut icon” href=”favicon.ico” >

Tip (this tip works in WordPress, but I don’t know about other blogging platforms): If you don’t want to upload the favicon to your root directory, you could just upload it to a post or page as I did here. Then click on your published image to get the image’s unique url. In the code above, use the image’s url in place of ‘favicon.ico’ (but keep the quotation marks, of course.) That should do it.