New Favicon (aka bookmark icon)
Tuesday, January 5th, 2010
Alex's Antidote - favicon.png
OK so today I was showing off my new mobile theme on my iPhone while at work. My buddy Bran was checking out the icon I made (with a little help from GIMP and the logo Bran had made for my website — thanks again man) and he made a great suggestion… why not use use the icon for my favicon on my main website?
So I did…
If you have a website, want a custom favicon, but don’t know how to go about it, then you’re in luck because it’s really quite easy.
Step 1: Make an icon
It should be 32 x 32 (pixels) and 32 bit color.
You can use GIMP (or some other program) to make the icon, save it as a PNG.
You can name it whatever you want, but I recommend going with something simple and clear like: favicon.png
Step 2: Upload the icon/image to your website
via FTP or SSH. Be sure to put it in a place that’s easy to remember… like the root of your web directory…
Step 3: Edit your template’s header
Between the <head> and </head> tags and paste the following code:
<link rel="icon" type="image/png" href="/wordpress/favicon.png" />
Save (and upload if you cannot dynamically modify your template).
