Come fare modelli di Blogger con 3 colonne

February 10

Come fare modelli di Blogger con 3 colonne


Blogger.com è un sito web publishing pulsante gestito da Google. gli utenti di Blogger possono scegliere tra una vasta gamma di modelli prefabbricati, tra cui layout con uno, due o tre colonne. Se non riuscite a trovare un layout a tre colonne che gradite dalla selezione disponibile tramite Blogger, il sito offre anche la possibilità di creare il proprio utilizzando HTML. Per creare un modello utilizzando HTML, è necessario avere una conoscenza di base della lingua del computer.

istruzione

Utilizzando un modello di Blogger

1 Fare clic sul collegamento "Design" sul cruscotto Blogger.

2 Fare clic sulla scheda "Template Designer"; è la terza scheda da sinistra.

3 Utilizzare la procedura guidata Template Designer per creare l'aspetto del tuo blog. Sarete in grado di selezionare un modello o un tema, cambiare i colori di sfondo e regolare la larghezza di alcune sezioni prima di cambiare il layout del tuo blog.

4 Selezionare l'opzione "Layout" sul pannello laterale sinistro. Molti degli schemi consentono per tre colonne. In alcuni casi, vi sono due colonne più piccole su un lato della pagina con una colonna più grande opposto; altri layout posto una piccola colonna sul lato destro e sinistro della pagina con la colonna più grande al centro. La struttura a tre colonne non è disponibile con tutti i modelli di Blogger prefabbricati.

5 Fare clic sul pulsante "Applica a Blog" nell'angolo in alto a destra della pagina Modello Designer per salvare le modifiche e applicarle al tuo sito web.

Creazione di un layout mediante HTML

6 Fare clic sul collegamento "Design" sul cruscotto di Blogger; fare clic sulla scheda "Modifica HTML". E 'la seconda da sinistra.

7 Scorrere verso il basso la casella di testo HTML fino a vedere la sezione che coinvolge barre laterali. Questa sezione può anche essere etichettati "Colonne" o "esterno Wrapper."

8 Cercare il codice HTML che appartiene a barre laterali. Se il tuo blog ha già una barra laterale, evidenziare questa sezione HTML, copiarlo e incollarlo direttamente sotto la barra laterale originale. Questo crea una seconda barra laterale, e con la colonna principale, creerà tre colonne separate. Se il tuo blog non ha una barra laterale, evidenziare la sezione HTML di pertinenza sezione principale del tuo blog; copia e incolla due volte direttamente a creare due ulteriori colonne.

9 Regolare la larghezza delle colonne in base alla larghezza dello schermo del computer. Ci saranno testo che dice "width:" ". Px" seguito da un numero e le lettere Cambiando i numeri, sarete in grado di modificare la larghezza di quella singola colonna. Uno dei più piccoli - ma popolare - le dimensioni dello schermo è di 800 x 600 pixel, in modo da limitare la larghezza totale delle colonne a non più di 800 pixel.

10 Modificare la posizione delle colonne. Vedrete testo che dice "float:" seguito dalla parola "sinistra" o "destra" - usando la parola "sinistra" significa apparirà la colonna sul lato sinistro della pagina mentre si utilizza il termine "diritto" metterà la colonna sul lato destro. Se si desidera più colonne da un lato, inserire il codice HTML per la colonna che si desidera più lontana a sinistra prima del HTML per le altre colonne.

Consigli e avvertenze

  • in anteprima sempre le modifiche prima di salvare, in particolare se si sta generando proprio oppure la si manipolare codice HTML corrente. Blogger non salva le versioni precedenti di questo codice, in modo che qualsiasi vecchio codice verrà perso una volta il nuovo codice viene salvato.