I’ve admired those sweet little images to the left of the url for so long, thinking it was simply out my league to add a favicon to my sites. It turns out it’s actually quite simple. Naturally I chose the beach ball and love what it does for the look of my site, not to mention how much easier it is to find the site when I have 10 tabs open at the same time!
Here are instructions for adding a favicon to WordPress:
1. The most fun part is deciding what you want your image to be (make sure you are using a royalty-free image), then you simply need to resize it to 16 by 16 pixels in your favorite image editor (I use Photoshop) using a GIF or PNG format. Convert your image into a favicon.ico. (I’ve simply done this by renaming the image before I upload it through my FTP program.)
2. Add the following code to your header.php file of your wordpress blog:
<link rel=”shortcut icon” href=”favicon.ico”>
(You will need to be sure to clear the smart quotes from this code. I usually use a simple text editor to copy and paste the code from a blog, before I copy and paste it into my own site to make sure it cleans it up.)
3. If you are using the theme Thesis for WordPress (which is what I use), you won’t be able to find your header.php file. Instead you need to go into Thesis Site Options from your Dashboard and add this to the field called “Additional Scripts”:
<link rel=”shortcut icon” type=”image/ico” href=”favicon.ico”>
Well this was definitely a first for us. We had a picnic the night before and I had tucked Jim’s cell phone in the side pouch of our soft LLBean cooler to keep it safe. Then the next morning I was draining some of the water out of the cooler over the sink, when I heard a “plop!”, saw a foreign object in the dishwater, and upon registering that it was his phone instantaneously scooped it out!