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 - LinuxTo do just that you need to create SSH Key Pair1. we need to use ssh-agent to create an SSH key pair.To do that run this command: ssh-keygen -t rsaWhen prompted...

Readmore

Free Google Wave InvitesFree Google Wave InvitesDo 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 an Application that Start Google Chrome in Incognito Mode
  2. Create Your Own Application Using Fluidapp
  3. Create your own list of email addresses from your inbox
  4. Apple iPhone OS 4.0 features detailed!
  5. Apple Approves Opera Mini For Their Own Benefit

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

Available on the App Store

Advertise Here


Subscribe To CoolGeex