Get Adobe Flash player

Buy Me A Soda

Deals of the Day

Ubuntu Countdown

The next version of Ubuntu is coming soon

New Favicon (aka bookmark icon)

Alex's Antidote - favicon.png

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

Alex

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 PostsWebsiteTwitterFacebook

2 Responses to New Favicon (aka bookmark icon)

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>