Forse con questo titolo potrei averti tratto un po' in inganno, ma quello che intendo fare con questo post è spiegare come realizzare un'icona, del tutto simile a quelle delle altre app che hai su iPad ed iPhone, che consente ai lettori di accedere rapidamente al tuo blog (senza nemmeno dover aprire Safari).
Per prima cosa dovrai creare un'icona con Gimp, Photoshop o altro. Come dimensione 150x150 vanno benone.
E, se posso darti un consiglio, cerca di fare in modo che l'icona rispecchi lo stile del tuo blog.
Una volta pronta l'icona, vai nel codice HTML del tuo blog ed immediatamente sotto <header> incolla la seguente striscia di codice:
<link href='http://url-to-your-image.com/your-image.jpg' rel='apple-touch-icon-precomposed'/>
La parte evidenziata in giallo dovrà essere sostituita con l'url dell'icona da te precedentemente creata.
Quindi non rimane altro da fare se non salvare.
Ed ora prendi il tuo iPhone/iPad, apri Safari e cerca il tuo blog.
Rimanendo sulla pagina principale del tuo blog, clicca sull'icona di condivisione/esportazione di Safari e poi scegli Aggiungi a Home. Si aprirà un'altra finestra in cui, se vorrai, potrai cambiare il nome dell'icona. Se invece ti va bene così com'è clicca immediatamente su Aggiungi.
Adesso l'icona da te creata comparirà tra le altre app presenti sul tuo dispositivo e funzionerà come un link veloce: cliccandoci sopra si aprirà immediatamente, per te ed i tuoi lettori, in Safari la pagina del tuo blog.
Vuoi un esempio pratico? Prova a fare un giro su questo blog da iPad o iPhone! ;)
PS: questa procedura è valida anche per i dispositivi Android.
Woww figooo *_* non sapevo qst cosa, grazie utilissimo tutorial.
RispondiEliminaRosy
Si, è una funzionalità un po' "nascosta"... ;)
Eliminafunziona anche con android?
RispondiEliminauh pardon non avevo visto! grazie!
RispondiElimina