Crispin Porter HTML Test
Code Example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<link rel="apple-touch-icon" href="http://www.ajaxera.com/examples/iphone-golftec/images/favicon.png"/>
<head>
<style type="text/css">
.header{width:200px;height:100px;background:#f00;}
</style>
</head>
<body>
<div class="header"></div>
</body>
</html>
<html>
<link rel="apple-touch-icon" href="http://www.ajaxera.com/examples/iphone-golftec/images/favicon.png"/>
<head>
<style type="text/css">
.header{width:200px;height:100px;background:#f00;}
</style>
</head>
<body>
<div class="header"></div>
</body>
</html>
Explanation:
Basically, you need to make 58 x 58 icon and save it as a PNG. Then source the code as a relative link below the html tag like this: "<link rel="apple-touch-icon" href="http://www.ajaxera.com/examples/iphone-golftec/images/favicon.png"/>"
Note: If you need to no How To Hide URL On iPhone iPod, How To Make A Java Script Detect For iPhone & iPod, or How To Make Apple Touch Icon Favicon For iPhone iPod see the links below.
See:
How To Hide URL On iPhone iPod
How To Make Java Script Detect For iPhone & iPod
How To Make Apple Touch Icon Favicon For iPhone iPod