It’s not really an app, but it’s cool anyway
You can now add – juliettemaxwell.com – to your iPhone/iPod Touch Home Screen!
Well, you could do it anyways, but now it has a fancy Apple Icon instead of a white square n_n.
How to do it?
In your iPhone/iPod Touch, go to the website. Then tap on the + sign on the bottom nav bar.
After you tap on it it, a menu will appear. Tap on the “Add to Home Screen” option
Then you will be asked how you want to name the site. Short names work better but I decided to leave it as it is for demonstration purposes.
Tap on “Add” and now you got access to my site from your iPhone/iPod Touch home screen!
You see that “cool” icon? When you have one on your website, it will appear on the iPhone/iPod Touch. If you don’t have one, then you just get a blank icon.
How to make an Apple Icon for your website?
I found out about this from this article, it’s super easy. I’ll give you the very, very simple steps.
- Create a 45px X 45px PNG image
- Name it “apple-touch-icon.png”
- Upload it to the root folder of your website
- Voilá! You got a sweet icon for your website that works on iPhones and iPods Touch
I don’t have access to the root folder of my website!!
It’s really easy, on you sites header (that is between the <head> and </head>HTML tags), just place the code:
<link rel=”apple-touch-icon” href=”youricon.png” />
The “youricon.png” should be replaced by the address where you are storing you Apple Icon.
Some other tips
- Don’t use a transparent background on your PNG image, unless you dig a very ugly shade of gray for your icon background
- KISS (Keep It Simple Stupid), no, I’m not calling you stupid. Just keep it simple
- Make sure it is something it represents you or your website
Oh yeah, I’ve been a busy bee blog-wise. I’m still stuck on my website for my web design class and yeah, I’m frustrated. Enjoy!
P.S.: Why do iPod Touch screen shots look so crappy outside the iPod Touch?
on February 13th, 2010 at 4:29 pm Said:
wow! cuando tenga mi ipad lo voy a poner :mrgreen:
[Reply]
on February 13th, 2010 at 4:31 pm Said:
@Aurea – creo que serás parte de las 3 personas que conoceré que tendrán iPad :P
[Reply]
on February 13th, 2010 at 11:00 pm Said:
Me iba a poner a bitchear de que no podía conectarme por FTP al corazón profesional (por alguna extraña razón) pero con ese dato de que nomás es poner una linea más en el header me quedé con el ojo cuadrado. Bastante pro, ahoritita lo hago.n_n /
[Reply]
on February 14th, 2010 at 1:08 am Said:
@GeNmA – Yo tampoco puedo entrar, seguro hay algo de mantenimiento o no sé.
[Reply]
on February 16th, 2010 at 1:08 am Said:
That is pretty cool, well done! I am thinking that I should make one…Goodluck working on your web design project!
[Reply]
on February 16th, 2010 at 10:34 pm Said:
@Joanne Faith – You totally should, it looks really nice and it’s another way to go into other mobile plataforms.
[Reply]