Apple Touch Icon 4 iPhones
Want a great bookmark to your Website on your iPhone? Here are the simple instructions that work for Drupal and Joomla sites.
1) Create your icon (57px x 57px) and save it as : apple-touch-icon.png
2) Load your icon to the root directory of your server: public-html/apple-touch-icon.png
3) Open your theme/template file where you find your HEAD code:
<code><head></code>
4) Add this code directly before end of the HEAD code:
<code><link rel="apple-touch-icon" href="/apple-touch-icon.png" />
</code>
5) Use Safari on your iphone to navigate to your site
6) Hit the + sign at the bottom of the screen
7) Select "Add to Home Screen"
Ask questions if this does not work.