
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).
Alex runs his own business designing websites and mobile apps, loves spending time with his wife and kids, and is still very much a kid at heart. He enjoys reading comic books, watching TV/Movies, playing video games, playing with action figures and Legos, and playing football and basketball.
More Posts – Website – Twitter – Facebook
Without sounding like I am stating the obvious I assume that you are trying to teach us bloggers something with this post . So I will say what I have learned and APPLIED from reading this site and this post.
Yes, you are correct. Thank you for your feedback, I am glad this post was helpful to someone!