Okay, here it is.

FAVICON TUTORIAL

First I made the icon on Photoshop after finding a tutorial here:
http://www.photoshopsupport.com/tuto...r/favicon.html
and downloading a free icon-making Photoshop plugin from here:
http://www.telegraphics.com.au/sw/

Next, I used an FTP program to upload the icon (named favicon.ico) to /var/www/html/shop

Finally I copied these two lines of code:

<link rel="icon" href="http://www.my-bookcafe.com/shop/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.my-bookcafe.com/shop/favicon.ico" type="image/x-icon" />

and pasted these two lines into the file after line 27 in
/var/www/html/shop/includes/templates/CUSTOM/common/html_header.php

It fits in like this:

23<head>
24<title><?php echo META_TAG_TITLE; ?></title>
25<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />
26<meta name="keywords" content="<?php echo META_TAG_KEYWORDS; ?>" />
27<meta name="description" content="<?php echo META_TAG_DESCRIPTION; ?>" />
28<link rel="icon" href="http://www.my-bookcafe.com/shop/favicon.ico" type="image/x-icon" />
29<link rel="shortcut icon" href="http://www.my-bookcafe.com/shop/favicon.ico" type="image/x-icon" />
30<meta http-equiv="imagetoolbar" content="no" />
31<meta name="author" content="The Zen Cart&trade; Team and others" />
32<meta name="generator" content="shopping cart program by Zen Cart&trade;, http://www.zen-cart.com eCommerce" />

And it works beautifully in Opera, IE, Firefox and Safari.