Nećemo ulaziti u suštinu html-a, već ćemo se pozabaviti praktičnim delom, u prevodu, i ova je lekcija namenjena za totalne početnike, koji će bez poznavanja html-a uspeti da svoj blog izmene prema sopstvenoj želji.

Za početak vam predlažem da učitate dizajn "Blood Wall", jer sam ga u medjuvremenu modifikovao zbog potrebe ove lekcije. Ukoliko jeste, vežite se polećemo.

1. Kao prvo, da bi smo uopšte krenuli sa ovom lekcijom, moramo se upoznati sa osnovnom koncepcijom označavanja boja u html-u. Svaka boja je izražena u obliku heksadecimalne vrednosti. Tako na primer bela boja ima oznaku #ffffff, crna #000000 i tako dalje. Kako će te znati koje su ostale vrednosti boja ? Pogledajte na sledećem linku heksadecimalne vrednosti boja.

2. Otvorite sada kod svog dizajna. Svaki blog dizajn se sastoji iz recimo 2 osnovna dela. Prvi je stil (to je ono što nas u suštini sada zanima) a drugi je programski deo u kome se nalaze sve neophodne komande kako bi blog pravilno funkcionisao.

Stil bloga u kodu kreće linijom:

<style type="text/css">


Sve linije ispod, su linije koda koje upravljaju izgledom vašeg bloga. Obično u tom delu definišemo odredjene stilove sa parametrima koje ćemo primenjivati u svom dizajnu.

Evo konkretnog primera

Stil h2 u kodu bloga je iskorišćen za naslov posta

h2 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 20pt;
color: #E78883;
margin-bottom: 12px;

Stil h3 je iskoriščen za tekst posta

h3 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 15pt;
color: #ffffff;
margin-bottom: 2px;

Stil h4 je iskorišćen za naslov bloga

h4 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 40pt;
color: #CC0000;
margin-bottom: 12px;

Stil h5 za komentare

h5 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 10pt;
color: #ffffff;
margin-bottom: 12px;

Stil za linkove

a:link { color: #F3C5C2; }
a:visited { color: #F3C5C2; }
a:hover { color: #ffffff; }

U svakom od njih vidite četiri parametra koje možete proizvoljno da menjate,

font-family  - označava vrstu fonta
font-size - je veličina fonta
color - boja fonta
margin-bottom - margine

Stilovi mogu da sadrže i druge parametre, boldiranje fonta, prored, kao i niz drugih komandi, ali mi ćemo se zadržati na ove osnovne parametre. Dakle krenite sa eksperimentisanjem, sve što treba da uradite jeste da u svom kodu blog dizajna pronađete navedene linije iz primera i da izmenom njihovih vrednosti dobijete veličinu i boju fonta koji želite. Ovo Vam je sasvim dovoljno za početak. Srećno u eksperimentisanju.