FOLLOW ME > facebook blog | photography* | twitter | instagram* | rss

20 gennaio 2008

Tutorial | Come creare la webclips del vostro sito


Con l'ultimo aggiornamento per iPod Touch e iPhone è possibile salvare direttamente sulla Home del player alcuni indirizzi internet, con una loro icona, come fossero delle applicazioni (come vedete con l'icona con scritto "Saint Andres" sulla foto, che non è altro che il collegamento al mio sito)

Di norma l'iPhone/iPod Touch per creare questa icona, non fa altro che creare una piccola anteprima del vostro sito, ovviamente rimpicciolita.

Cosa fare però per creare una vostra icona personalizzata? I passi sono davvero semplicissimi.

Incominciate con il crearvi un'icona con queste caratteristiche:
- formato dell'immagine: .png
- dimensione: 60x60 pixel
- non serve che abbia i bordi arrotondati, all'effetto "rilievo" e ad aggiungerci i bordi arrotondati ci pensa l'iPhone/iPod Touch.

(1) Non dovete fare altro che accedere alla Home del vostro sito cercare il tag:

<head>

di solito lo trovate all'inizio del codice.

(2) Inserire questa riga di codice, subito dopo il tag segnalato,

<link href=”XXX”/ rel=”apple-touch-icon” >

Dove al posto di XXX (non togliete le virgolette) va l'indirizzo dove risiede l'immagine che avete scelto come icona, compreso "http://"

A questo punto il gioco è fatto, quando qualcuno inserirà il vostro sito come webclips sul suo iPhone o iPod Touch gli comparirà non il vostro sito rimpicciolito come icona, ma l'icona che avete creato voi!

fonte | mac blog

Nessun commento: