Come modificare un modello di Blogspot in Dreamweaver

March 25

Come modificare un modello di Blogspot in Dreamweaver


template blogspot, chiamati anche modelli di Blogger, sono singoli file che contengono la struttura, stile e funzionalità che controllano l'aspetto del tuo blog Google. Sono simili ai file HTML tradizionali che usano i tag HTML e fogli di stile e supportano l'uso limitato di JavaScript. Dove si differenziano è che un modello di Blogspot pone tutte queste informazioni in un singolo file, mentre un modello tradizionale può utilizzare più file. modelli Blogspot anche fare uso di speciali tag di Blogger per tirare in blocchi di testo, link o altre funzioni che è possibile impostare nella vostra zona account Blogger. La modifica di questi modelli in Dreamweaver richiede una conoscenza di base di HTML, dal momento che non sarà in grado di usare l'editor visuale per vedere il layout completo.

istruzione

1 Fai clic su "Apri File" dalla schermata di avvio di Dreamweaver e passare alla posizione del file modello salvato. I modelli dovrebbero essere i file XML. Se avete scaricato un modello come file ZIP, è necessario decomprimerlo prima prima che possa essere aperto. Il file verrà aperto nell'editor di codice per impostazione predefinita.

2 Acquisire familiarità con il modo in cui il modello è strutturato. Di seguito la dichiarazione di HTML e nel testo, la "pelle" inizierà con la "<b: skin>" tag Blogger. Sotto questo sono le definizioni delle variabili e gli stili CSS. Tutti gli stili di carattere e il colore sono solitamente definiti utilizzando le variabili invece di essere elencati nelle classi CSS. Modificare il "default" e le impostazioni di "valore" nel punto desiderato. Assicurarsi che i nuovi valori terminano con un punto e virgola e sono contenute tra virgolette. Ad esempio, la seguente variabile imposta il colore di sfondo al nero:

<Variabile name = "mainBgColor" description = "principale colore di sfondo"

type="color" default="#ffffff" value="#000000">

3 Modificare o aggiungere gli stili CSS. Stili seguono la struttura tradizionale, ma non sono contenuti all'interno dei tag <style>. Ad esempio, per modificare la larghezza della barra laterale destra per 120 pixel, è necessario modificare la seguente (o simile) dichiarazione di stile:

rightsidebar

{

width: 120px;

}

Quando si raggiunge la fine dello stile, fare attenzione a non cancellare o modificare la chiusura "pelle" tag Blogger, che assomiglia a questo:

</ B: skin>

4 Modificare la parte HTML del documento, aggiungendo, cambiando o rimuovendo i tag HTML dove desiderato. Se si sta creando nuovi stili CSS, aggiungere i valori di classe o d'identità per i tag HTML qui. È inoltre possibile aggiungere immagini utilizzando il percorso URL completo a cui saranno memorizzati; tuttavia, può essere più facile aggiungere elementi visivi utilizzando l'editor di modello nella tua area di amministrazione Blogger una volta che il modello modificato viene attivato.

5 Rivedere le aree di contenuto del vostro HTML per blocchi di tag di Blogger. È possibile aggiungere, modificare o cancellare queste linee di influenzare la struttura e la funzione del tuo blog. Se li si muove intorno, assicurati di copiare e incollare l'intero blocco di tag per mantenere la loro funzionalità. Blogger offre un ottimo riferimento per ciò che ogni tag Blogger non (vedi Risorse).

6 Salvare il file facendo clic su "File> Salva" e assicurarsi che il tipo di file XML rimane. Caricare il modello appena modificato utilizzando la pagina di amministrazione di Blogger, quindi attivarlo per visualizzare i risultati. Utilizzare l'editor di modello per eventuali piccole modifiche o cambiamenti, se necessario.