Ci sono molti modelli di blog o temi disponibili per la piattaforma di blogging specifici, che sono a portata di mano, se siete nuovi a bloggare o web design. Si può raggiungere un punto, tuttavia, in cui si desidera una maggiore libertà per rendere il vostro blog completamente personalizzata; è possibile eseguire questa conoscendo un po 'di codice HTML di base. Il modello del tuo blog è la struttura di base che tenere insieme tutte le parti e il design necessari.

istruzione

1 Aprire un file di testo vuoto in un semplice editor di testo come Blocco note o TextEdit sul computer, il titolo è qualcosa come "nuovo modello" e salvarlo. Aggiungere il codice: <div class = "contenitore">
<Div class = "content">
</ Div>
<Div class = "sidebar">
</ Div>
</ Div>

Questo fornisce un modello di base blog due colonne in un "contenitore". Il contenitore rimarrà posizionata sulla pagina seconda di come si disegnarlo con i CSS (Cascading Style Sheet).

2 Creare un nuovo file di testo e aggiungere il codice CSS: body {font-family: Arial, sans-serif; sfondo: #FFFFFF; color: # 000000;}

Questo è l'inizio del foglio di stile che definirà l'aspetto del modello. Modificare lo stile del carattere, sfondo e colore del carattere a vostro piacimento con codici colore esadecimali.

3 Aggiungere gli stili di classe div al foglio di stile al di sotto del corpo stile: div.container {margin: 1% auto 0%; width: 900px; padding: 0px; sfondo: none;}

div.content {width: 700px; padding: 10px; sfondo: #FFFFFF; float: left;}

div.sidebar {width: 200px; padding: 5px; sfondo: #FFFFFF;}

Personalizzare le informazioni dopo i due punti ":" per lo stile i colori e le proprietà del modello. Ad esempio, è possibile aggiungere bordi alle div con l'aggiunta di "border: 1px solid # 000000" - con queste proprietà si otterrebbe una solida bordo nero 1 pixel di spessore. È inoltre possibile definire gli stili di link e intestazioni. Salvare il file CSS come "stylesheet.css" quando si è fatto.

4 Carica il file CSS nella directory del tuo sito web con un programma di File Transfer Protocol come Core FTP Lite, intelligente FTP (sia per Windows) o Fetch (per Mac OS). Aprire il programma FTP e connettersi al server host con il tuo username e la password (se non siete sicuri di quello che sono, contattare il proprio host). Per caricare, trascinare il file CSS dal telaio a sinistra (che detiene i file sul computer) al telaio a destra (che visualizza i file nella directory sito web). Questo processo può avere un aspetto diverso con Fetch.

5 Copia e incolla il codice HTML con il div a mettere insieme nel file "indice" del tuo sito web directory. Collegare il CSS per il codice HTML inserendo questo codice: <link href = "stylesheet.css" rel = "stylesheet" type = "text / css" /> nell'intestazione della pagina web. Collegando al foglio di stile, il modello blog avrà i colori e le proprietà di progettazione che si è definito.