Featured Posts

Adding HTML Signature to your iPhone 4 without Jailbreaking itAdding HTML Signature to your iPhone 4 without Jailbreaking... One of the features missing on the iPhone is HTML signature for Mail, and if you are using two different email addresses like me you probably want to have two different...

Readmore

Play Tetris Using Mac Leopard TerminalPlay Tetris Using Mac Leopard Terminal Terminal Tetris is actually part of the Gnu Emacs and is something you should able to do on any unix system that has Emacs on it. I attached text and video instructions. To...

Readmore

Automate a Remote Login Using SSH - LinuxAutomate a Remote Login Using SSH - Linux To do just that you need to create SSH Key Pair 1. we need to use ssh-agent to create an SSH key pair. To do that run this command: ssh-keygen -t rsa When prompted...

Readmore

Free Google Wave InvitesFree Google Wave Invites Do you really want a Google Wave Invite but don't want to pay $$$ on eBay??? I got one for you.... The deal is: I give you an Invitation and once you get it...

Readmore

Start Google Chrome in Incognito ModeStart Google Chrome in Incognito Mode I'm Using Mozilla FireFox as my default web browser But I like using Chrome for Private Browsing. Google Chrome doesn't provide an option to load Incognito by default so...

Readmore

Cool Geex Rss

Create an Apple iPhone icon for your Web site

Posted on : 09-21-2009 | By : Cool Geex | In : HTML, iPhone

0

iphone-bookmark

One of the things I don’t like to see is a tiny version of a site shrank to an icon, I see it all the time on the iPhone.

Even Big Sites like Google Voice not taking the time to create a custom icon for there site.

If you care enough about your visitors, Please create an iPhone / Smart Phone version of your site and while doing it make sure to create an icon to go with your site.

It will also help you brand yourself.

There’s 2 methods to do just that.

The 1st is extremely easy.

1. You need to create a PNG format image file that’s 45×45 pixels in size.

2. Name it apple-touch-icon.png and drop it in the root directory of your Web site.

3. Go to your iPhone, Open The browser and save the bookmark on your springboard.

4. Sit back and enjoy your new creation.

The 2nd is easy but requires a bit of code.

If you want to keep things organized in sub-folders or just want to have more than one icon, you can add a link command to specify a different file-name or different location for your apple-touch-icon.png custom file:

<link rel=”apple-touch-icon” href=”/Graphics/iphone-icon.png” />

Related posts:

  1. Create Your Own Application Using Fluidapp
  2. Apple Approves Opera Mini For Their Own Benefit
  3. iPhone OS 4.0 Announced
  4. Apple iPhone OS 4.0 features detailed!
  5. Billings 3 iPhone App Is Coming – Finally

How To Link To This Page?

To link to this page, simply Copy and Paste the following code to your web page.

Write a comment

Post on Google Buzz

Available on the App Store

Advertise Here


Subscribe To CoolGeex