Tutorial 002 - Tukar Size Width Kotak Entry & Sidebar

1.       Kita mulakan dengan ADJUST SIZE CONTENT WRAPPER.

2.       Pergi ke DASHBOARD > DESIGN > EDIT HTML

3.       Korang CTRL + F. Cari  kode kat bawah ni.

#content-wrapper {

  width: 760px;

4.       Kalau dah jumpa, Korang adjust size width tu ikut size korang nak. Blog aku ni aku buat 1000px je.

5.       Seterusnya kita ADJUST SIZE HEADER. (size header MESTI sama dengan size CONTENT-WRAPPER)

6.       Korang CTRL + F. Cari  kode kat bawah ni.

#header {

  width: 760px;

7.       Adjust biar sama size dengan CONTENT WRAPPER kat atas tadi.OK!!

8.       Next, ADJUST SIZE MAIN-WRAPPER  (kotak untuk entri).

9.       Korang CTRL + F. Cari  kode kat bawah ni.

#main-wrapper {

  margin-$startSide: 14px;

  width: 464px;

10.   Korang pilih lah size yang sesuai untuk blog korang nampak kemas OK. Bagi sesiapa yg buat size 1000px mcm blog aku nie, korang letak size main wrapper 650px.

11.   Lastly, kita ADJUST SIZE SIDEBAR.

12.   Korang CTRL + F. Cari  kode kat bawah ni.

#sidebar-wrapper {

  margin-$endSide: 14px;

  width: 240px;

13.   Bagi sesiapa yg buat size 1000px mcm aku, korang letak je size sidebar nie 300px.

14.   Dah siap. Kalau korang nak adjust size lain pun boleh juga.

15.   Siapa yang nak buat size 1000px, nie size yang korang kena ingat :

content-wrapper : 1000px

header : 1000px

main-wrapper : 650px

sidebar : 300px.

Korang Adjust Kotak Entri & Sidebar Nampak kemas ok!! 

SELAMAT MENCUBA!!!!