Come scaricare e istallare un template per Splinder


1. Per prima cosa aprite l'anteprima del template che volete inserire nel vostro blog. In questo tutorial farò riferimento ai MIEI templates, per quanto riguarda la modalità di download, di personalizzazione e per le modifche. Non seguite questo tutorial per modificare templates di ALTRE designers, ogni designer ha il proprio modo di scrivere i codici, perciò per modificare templates di altre designer chiedete SEMPRE a chi lo ha realizzato).

2. Dall'anteprima del template clicate sul link che trovate nello spazio dei post "qui" e salvate nel vostro pc il pacchetto .rar contenente tutte le parti del template. Nel caso non aveste istallato nel vostro pc il programma WINRAR necessario ad aprire il pacchetto è liberamente scaricabile da qui.

    Link

Download

3. Andate nella cartella dove avete salvato il pacchetto ed apritelo utilizzando il programma. Nel pacchetto troverete questi file

Contenuto

(i files potrebbero aumentare/diminuire a seconda della grafica del template che avrete scelto)

4. Ora non sarebbe male dare una letta al file Istruzioni.txt e capire cosa fare in seguito. Questo tutorial seguirà quelle istruzioni passo passo in modo più semplificato nel caso qualcuno abbia dei problemi.

5. Aprite un sito di hosting immagini come ImageShack, Photobucket o TinyPic o il vostro account Altervista nel caso ne siate in possesso e hostate tutte le immagini contenute nella cartella (di solito: sfondo.jgp, header.jpg, banner.gif e eventualmente divider.jpg/gif, dividergrande.jpg/gif, sfondotitoli.jpg/gif, glitter.gif)
ATTENZIONE: in particolare con Photobucket controllate sempre che la dimensione massima delle immagini da hostare sia settata a 1024x768. Nel caso i file da hostare fossero più grandi di queste dimensioni - nei templates fatti per risoluzioni maggiori - non usate Photobucket che ridimensiona automaticamente le immagini troppo grandi e usate uno degli altri siti.

6. Una volta hostate tutte le immagini che compongono il template aprite il file Codice.txt per inserirle ^^ Trovate in tutto il codice i commenti fra le freccette che ho scritto per spiegare dove inserire l'header, il banner e eventuali altre immagini (divider fra i post/colonne). Per facilitarvi il compito ed evitare di saltare qualche immagine vi consiglio di usare la funziona di ricerca del block notes - o di word - cercando la parola "inserisci".

Hanno tutti questa forma <!-- inserisci qui sotto il link della tua immagine al posto del mio testo--> e successivo al commento troverai questa struttura <img scr="METTI QUI IL LINK DELL'HEADER/BANNER/DIVIDER/ecc...">

Commenti

La cosa importantissima a cui dovrete sempre fare attenzione è NON CANCELLARE MAI le virgolette " prima e dopo il link altrimenti l'immagine non si visualizzerà.

7. Incolla dove indicato il link dell'immagine e otterrai questo codice <img scr="http://www.linkdellatuaimmagine/header.jpg" ...>

8. Per lo sfondo (e eventuali effetti sui titoli/link) dovai modificare gli elenchi iniziali sempre incollando il link della tua immagine dove c'è il mio testo; trovate nella parte iniziale del template i commenti fra asterischi che ho scritto per spiegare dove inserire le immagini.

Hanno tutti questa forma /*inserisci qui sotto il link dello sfondo/glitter/immagine*/ e successivo al commento troverai questa struttura background-image: url(METTI QUI IL LINK DELLO SFONDO/GLITTER/IMMAGINE/ecc...)

Commenti

Qui non c'è bisogno delle virgolette " ma NON CANCELLARE MAI le parentesi ( e ) prima e dopo il link altrimenti l'immagine non si visualizzerà

9. Incolla dove indicato il link dell'immagine e otterrai questo codice background-image: url(http://www.linkdellatuaimmagine/sfondo.jpg)
Prima di terminare le modifiche al template sarebbe corretto inserire nella sezione dei credits il link al sito di hosting che avete usato per le immagini.Inserite il link del sito dove c'è scritto http://.... (fate sempre attenzione alle virgolette " prima e dopo il link) e il nome dove c'è scritto LINK - GUAI SE TOCCATE IL RESTO DEI CREDITS ALTRIMENTI SARANNO GUAI ^^

Credits

10. Modificato il file di testo con tutti i link relativi alle immagini trovate nel "pacchetto" scaricato e salvate il vostro template. Ora andate nella pagina principale di Splinder e cliccate sulla ruota dentata (il cerchio grigio) vicino al nome del vostro blog e dalla tabella che vi apre andate su "edita template".

Splinder

11. Una volta cliccato si aprirà una pagina dove in alto potrete dare un titolo al vostro template, affianco potete scegliere il colore della barra di splinder e sotto nella finestra più grande c'è il codice del template che avete adesso. (Cliccate sull'immagine qui sotto per vederla in grande)

Edita

12. N.B. Questa parte è valida SOLTANTO per i MIEI template! Aprite il file di testo che contiene in vostro nuovo template e seguendo lo schema del template potete modificare il testo dei titoli stando ben attenti a non cancellare le parentesi "< >" altrimenti il vostro template non si visualizzerà più correttamente. Seguite lo schema delle sezioni già esistenti per creare nuove sezioni e state ATTENTISSIMI a non cancellare mai gli elementi del mio codice (in particolare tutti gli elementi che iniziano con le parentesi < e > ma soprattutto il </div> che trovate alla fine di ogni colonna altrimenti il vostro template non si visualizzerà più!! (cliccate sull'immagine per vederla in grande)

codice

13. Quando inserite degli adesivi controllate sempre che le loro dimensioni non siano maggiori di quelle delle colonne (indicate nel template - vedete figura qui in alto - ) altrimenti la colonna sballerà. Per adattare gli adesivi alla larghezza della colonna modificate la larghezza (o l'altezza a seconda della dimensione che sballa) rispettando sempre questo codice, altrimenti l'adesivo non si visualizzerà più correttamente.

14. Se volete cambiare il cursore del vostro blog controllate sempre che non ne abbia già inserito uno io (e in quel caso nel codice troverete il codice con i relativi commenti di inizio e fine per cancellarlo). Se non c'è nessun cursore particolare nel template cercate nell'elenco body all'inizio del template la riga riguardante il cursore

Cursore

Modificate la riga secondo il seguente codice, inserendo il link del cursore scelto, perciò ricordatevi sempre che il cursore che volete inserire DEVE ESSERE ONLINE!!

Link

15. Se è la prima volta che inserite un template nel vostro blog saltate pure questo passaggio, altrimenti, se avete già un template nel vostro blog copiate tutto il codice che compare nella finestra del template precedentemente aperta e incollatelo su un nuovo file di testo. In questo modo non perderete tutto quello che avevate inserito nel vostro blog e potrete sempre incollarlo nel nuovo template.

16. Quando avrete finito di modificare il file di testo del template scaricato copiatelo e incollatelo nello spazio template di splinder. Ora il vostro blog ha un nuovo aspetto! Non era poi così difficile vero?

Written by StregaCorvina for Midnight Fantasy