9.05.2009

Webclip de iPhone para tu WebPage



Un tutorial rapido para ponerle un Webclip a tu pagina y que este quede como icono cuando lo hagan bookmark en iphohe o ipod touch.



Muchas paginas tienen un icono especial en el iPhone o iPod touch para que se vea bonito con todos los iconos. Por ejemplo:


  

Los que tienen webclip en mi iPhone son: Este Blog, Apple y Gizmodo.

Como agregar esto a tu pagina para los usuarios de iphone y ipod touch?
Simple. Son 4 pasos:

1) Haces la imagen que quieres en un tamaño 57x57 y lo guardas como "apple-touch-icon.png"

2) Si tienes acceso a la root de tu webpage solo pon tu archivo en la root y listo
 Si no tienes acceso a la root, subes tu archivo a un servidor de imagenes.

Yo usare Flickr

 
Luego pones esto:
<link rel="apple-touch-icon" href="Link-De-la-imagen"/>
En cualquier lugar de la <head> tag :D

y ya lo tienes!


No hay comentarios:

Publicar un comentario