Ho cercato sul web ma difficilmente ho trovato(sarà che sono poco capace)un tutorial per creare l'arricciatura della pagina così ho deciso di scrivere questo tutorial. L'unico in italiano sia per utenti blogger che per qualunque sito. Per darvi un idea ecco la foto..
1] Il primo passo è scaricare il pacchetto completo contenente i file necessari al link qui di seguito:
http://downloads.marcofolio.net/programming/javascript/peel/peel.zip
2] Il passo successivo è aprire la cartella compressa "peel.zip" ed estrarre tutti i file su di una cartella qualsiasi (il file readme.txt potete eliminarlo).
3] Ora tasto destro sul file "peel.js" e poi modifica. La seconda riga è questa:
jaaspeel.ad_url = escape('http://www.marcofolio.net/other/bloggers_unite_-_blog_against_abuse.html');
Quello che bisogna fare è cambiare il link in verde con il link che volete (il link indica la pagina da aprire cliccando sull'arricciatura). Per esempio io ho inserito il mio link di Netlog.
4] Il passo successivo è creare le vostre due immagini personali come quelle che trovate nella cartella peel che avete scaricato sopra..
small.jpg è 100x100 pixel, l'immagine dell'arricciatura a riposo .
large.jpg è 650x650 pixel, l'immagine dell'arricciatura quando porti il mouse sopra.
dopodichè le rinominate con gli stessi nomi dei due esempi (small.jpg e large.jpg).
5] Ora bisogna salvare online tutti i file tranne "peel.js" ed qui vi dico il mio modo ma potete salvarli dove volete, l'importante è che ognuno abbia il suo link.
Io ho utilizzato il mio spazio FTP su Lycos...ma potete utilizzare uno spazio ftp a vostra scelta.
6] Ora che abbiamo caricato online i quattro file della cartella tranne peel.js ci occuperemmo proprio di quest'ultimo file (appunto peel.js).
Tastro destro>modifica e andate a cercare queste righe:
jaaspeel.small_path = '/peel/small.swf';
jaaspeel.small_image = escape('/peel/small.jpg');
jaaspeel.big_path = '/peel/large.swf';
jaaspeel.big_image = escape('/peel/large.jpg');
Come si può intuire dovete cambiare la parte in verde con il link del
rispettivo file che avete precedentemente caricato sul Web. Alla fine salvate tutto e chiudete.
(Io ho caricato tutto sull'FTP Lycos ed il risultato è questo:)
jaaspeel.small_path = 'http://utenti.lycos.it/marco/peel/small.swf';
jaaspeel.small_image = escape('http://utenti.lycos.it/marco/peel/small.jpg');
jaaspeel.big_path = 'http://utenti.lycos.it/marco/peel/large.swf';
jaaspeel.big_image = escape('http://utenti.lycos.it/marco/peel/large.jpg')
7] Ora che anche peel.js è completo non resta che caricarlo online come avete fatto prima per gli altri file e passiamo all'ultimo passo. Ora aprite il codice HTML del vostro sito/blog e sull'intestazione(sopra il tag Head) inserite il seguente codice:
<script src='peel/peel.js' type='text/javascript'/></script>
Sostituendo questa volta la parte in rosso con il link del file peel.js che aveteprecedentemente caricato sul vostro FTP.
Salvate tutto ed aprite il vostro sito/blog per vedere il risultato.P.S. Se non vi piacciono le due immagini small, jpg e large. jpg per cambiarlenon dovete modificare da capo il file peel.jsma semplicemente dovete sostituire su Google Page Creator i file.Spero di essere stato chiarissimo. Per qualsiasi domanda scrivetemi suicommenti e vi risponderò subito.
Posta un commento