Hvordan lage Blogger Templates med 3 kolonner

Hvordan lage Blogger Templates med 3 kolonner


Blogger.com er en trykknapp publisering nettsted som drives av Google. Blogger-brukere kan velge fra et bredt utvalg av prefabrikkerte maler, inkludert oppsett med ett, to eller tre kolonner. Hvis du ikke finner en tre-kolonne layout du liker fra utvalget tilgjengelig via Blogger, nettsiden gir deg også muligheten til å lage din egen ved hjelp av HTML. For å lage en mal ved hjelp av HTML, må du ha en grunnleggende kjennskap til dataspråket.

Bruksanvisning

Ved hjelp av en Blogger mal

1 Klikk på "Design" linken på din Blogger-oversikten.

2 Klikk på "Mal Designer" -kategorien; det er den tredje kategorien fra venstre.

3 Bruk malen Designer veiviseren for å lage bloggens utseende. Du vil være i stand til å velge en mal eller tema, endre bakgrunnsfarger og justere bredden på visse deler før du endrer bloggens layout.

4 Klikk på "Oppsett" på venstre sidepanel. Flere av oppsett gir mulighet for tre kolonner. I noen tilfeller er det to mindre kolonner på en side av siden med en større kolonne motsatt; andre oppsett plassere en liten kolonne på høyre og venstre side av siden med den større kolonne i sentrum. De tre kolonne design er ikke tilgjengelig med alle de prefabrikkerte Blogger maler.

5 Klikk på "Apply blogg" knappen øverst i høyre hjørne av Maldesigner siden for å lagre endringene og bruke dem til ditt nettsted.

Opprette et Layout Bruke HTML

6 Klikk på "Design" linken i Blogger-oversikten; klikker du på "Rediger HTML" -kategorien. Det er den andre fra venstre.

7 Rull ned HTML-tekstboksen til du ser delen som involverer sidefelt. Denne delen kan også være merket "Kolonner" eller "ytre omslaget."

8 Se etter HTML-kode som gjelder sidefelt. Hvis bloggen din allerede har en sidebar, markere denne HTML-delen, kopier den og lim den direkte under den opprinnelige sidepanelet. Dette skaper en andre sidepanelet, og sammen med hovedkolonnen vil opprette tre separate kolonner. Hvis bloggen din ikke har en sidebar, markere HTML-delen knyttet til bloggen din viktigste delen; kopiere og lime den to ganger direkte til å skape ytterligere to kolonner.

9 Juster bredden på kolonnene for å tilpasses bredden på skjermen. Det vil være tekst som sier "width:" ". Px" etterfulgt av et tall og bokstaver Ved å endre tall, vil du være i stand til å endre bredden på den enkelte kolonnen. En av de mindre - men likevel populær - skjermstørrelser er 800 x 600 piksler, så begrenser den totale bredden på kolonnene til ikke mer enn 800 piksler.

10 Endre plasseringen av kolonnene. Du vil se tekst som sier "float:" etterfulgt av ordet "venstre" eller "høyre" - å bruke ordet "venstre" betyr at kolonnen vil vises på venstre side av siden din mens du bruker ordet "riktig" vil sette kolonnen på høyre side. Hvis du vil ha flere kolonner på den ene siden, plassere HTML for kolonnen du ønsker lengst til venstre før HTML for de andre kolonnene.

Hint

  • forhånds alltid endringene før du lagrer, spesielt hvis du lager din egen eller manipulere deg dagens HTML-kode. Blogger lagrer ikke tidligere versjoner av denne koden, så noen gamle koden, vil gå tapt når den nye koden lagres.