Apply Your Own iPhone Icon To Any Webclip

Jan 28, 2008 by Brendan Do    No Comments    Posted under: Archived Blogs

1.
<html>
<head>
<title>iPhone Webclip Icon</title>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE=”TEXT/JAVASCRIPT”>
if (document.referrer == ”)
{
window.location=”http://www.thesiteyouwant.com/”
}else {
document.write (“Click the plus icon below, then choose Add to Home Screen”)
}
</SCRIPT>
<link rel=”apple-touch-icon” href=”icon.png”/>
</head>
<body>
</body>
</html>

2. Upload both to the same directory of your web server, and browse to this page on your iPhone. The page will be blank. Add it as a web clip. Your icon should show up next to the title. If it isn’t, double check that you followed Apple’s directions correctly, and that the href specified in your link tag is correct.

Yay! :) Now my home screen can be all pretty with nice icons.

Damnit. Why aren’t I asleep? Doing that. RIGHT NOW.

Got anything to say? Go ahead and leave a comment!

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