Blogger Layout, Ringkas II

Ciri-ciri untuk setiap elemen kotak ditentukan dibahagian atas aturcara HTML. Bahagian ini menggunakan satu aturcara stail dipanggil CSS. Ini amat memudahkan kita untuk mengubah stail kotak tanpa perlu mengganggu aturcara HTML utama. Aturcara HTML sebenar hanya bermula dari tag ]]></b:skin>

Untuk setiap elemen kotak, ciri-cirinya ditentukan oleh aturcara yang dimulakan dengan tag ”#namakotak {” …… disudahi dengan ”}” di bahagian bawahnya. Oleh itu jika anda ingin merubah ciri-ciri elemen kotak, anda hanya perlu merubahnya diaturcara tersebut.

Berikut adalah antara ciri-ciri kotak yang anda boleh tentukan:
1) Font - font-family, font-style, font-variant, font-weight dan font-size

2) Text - word-spacing, letter-spacing, text-decoration, verticle-align, text-transform, text-align dan text-indent

3) Box - margin, border, width, height, float dan clear

4) Color and background – color dan background

5) Position – position, float dan overflow

#header-wrapper {
width:890px;
margin:0 auto 0px;
border:1px inset $bordercolor;
float: $startSide;
}

Sebagai contoh, elemet kotak diatas mempunyai ciri-ciri berikut:

kotaklaman header-wrapper mempunyai ciri-ciri lebar 890px, margin 0px, border size 1px stail inset dengan warna diset pada ubahan $bordercolor, float diset pada ubahan $startside.

ubahan (variable) diset dalam editor fon dan warna.