martes, 27 de abril de 2010

HTML: Agregar icono de nuestra web al menú del iPhone

blog-iphone-icon[1] Este código html nos permitirá crear un acceso directo a nuestro sitio web personalizado al menú principal del iPhone y iPod Touch.

Lo primero que debemos hacer, es modificar o crear un diseño o logo de nuestro sitio web con las dimensiones 57x57 (png o gif) y alojarlo en nuestro servidor web o en alguno gratuito (Dropbox es una buena alternativa). Luego de esto agregamos el código que nos permitirá añadir la imagen al menú del iPhone y iPod Touch. Ésto debe ir dentro de la etiqueta <head></head>

Código: <link href='LINK-DE-LA-IMAGEN' rel='apple-touch-icon'/>

Posterior a este paso, ingresamos desde uno de los dispositivos antes mencionados a nuestro sitio web y le damos a “+”

IMG_0063Luego pinchamos en “Añadir a pantalla de inicio”.

IMG_0065En la próxima opción, podemos editar el téxto de acceso directo para que sea un nombre mas corto y legible, luego de esto digitamos en “Añadir”

IMG_0066 Y finalmente el resultado se verá así:

IMG_0062Eso es todo, Saludos y ENJOY ;D

Publicado por victormaulen
Etiquetas: ,

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)