Hvordan lage din egen blogg mal
Det er mange blogg maler eller temaer tilgjengelig for din blogging plattform, som er praktisk hvis du er ny på blogging eller webdesign. Du kan nå et punkt, men hvor du ønsker mer frihet til å gjøre bloggen din helt tilpasset; du kan oppnå dette ved å vite noen grunnleggende HTML-kode. Malen av bloggen din er den grunnleggende struktur som vil holde sammen alle de nødvendige delene og design.
Bruksanvisning
1 Åpne en tom tekstfil i et enkelt tekstredigeringsprogram som Notisblokk eller TextEdit på datamaskinen din, tittel det noe sånt som "ny-mal" og lagre den. Legg inn koden: <div class = "container">
<Div class = "content">
</ Div>
<Div class = "sidebar">
</ Div>
</ Div>
Dette gir en grunnleggende to-kolonne bloggmalen innenfor en "container". Containeren vil forbli plassert på siden avhengig av hvordan du styler den med CSS (Cascading Style Sheet).
2 Lag en ny tekstfil og legge til CSS-kode: body {font-family: Arial, sans-serif; bakgrunn: #FFFFFF; color: # 000000;}
Dette er begynnelsen av stilark som vil definere utseendet på malen. Endre skriftstil, bakgrunn og skriftfarge til din smak med heksadesimale fargekoder.
3 Tilsett div class stiler til stilarket under kroppen stil: div.container {margin: 1% auto 0%; width: 900px; padding: 0px; bakgrunn: none;}
div.content {width: 700 piksler; padding: 10px; bakgrunn: #FFFFFF; float: left;}
div.sidebar {width: 200px; padding: 5px; bakgrunn: #FFFFFF;}
Tilpass informasjon etter kolon ":" å style fargene og egenskaper for malen. For eksempel kan du legge til rammer til divs ved å legge til "border: 1px solid # 000000" - med disse egenskapene vil du få en solid svart ramme 1 pixel tykk. Du kan også definere stiler av lenker og overskrifter. Lagre CSS-filen som "stylesheet.css" når du er ferdig.
4 Last opp CSS-filen til katalogen på ditt nettsted med en File Transfer Protocol program som Kjerne FTP Lite, Smart FTP (både for Windows) eller Fetch (for Mac OS). Åpne FTP-program og koble til verten server med ditt brukernavn og passord (hvis du er usikker på hva de er, ta kontakt med din host). For å laste opp, drar CSS-filen fra rammen til venstre (som holder filene på datamaskinen) til rammen til høyre (som viser filene i ditt nettsted katalog). Denne prosessen kan se annerledes ut ved hjelp Fetch.
5 Kopier og lim inn HTML-koden med divs du setter sammen i "indeks" fil fra ditt nettsted katalog. Link CSS til HTML ved å plassere denne koden: <link href = "stylesheet.css" rel = "stylesheet" type = "text / css" /> i overskriften på websiden din. Ved å koble til stilarket, vil bloggen din mal har farger og design egenskaper som du definerte.