Tutorial | Main dan Sidebar Terpisah |

Tuto ini adalah untuk memisahkan main dan sidebar dalam kotak. 

Yana dah buat tuto tu tapi susah sikit. Kalau tak dapat try cara ni pulak

Main/ Post Body

1) Tekan CTRL + F dan cari kod ini

.post {

2) Tengok kod di bawahnya lebih kurang macam ni

.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}

3) Delete kod tadi dan gantikan dengan kod ini 

.post {
margin:0 0 1.5em;
padding:20px;
font-size: 95%;
border: 3px solid #000000;
line-height:1.9em;
}

4) Warna merah merupakan ketebalan border manakala biru untuk warna border

Sidebar

1) Tekan CTRL + F dan cari kod ini

.sidebar .widget {

atau kod ini

/* Widgets

----------------------------------------------- */

2) Tengok kod di bawahnya lebih kurang macam ni

.sidebar .widget {
margin-bottom: 1em;
}

3) Delete kod tadi dan gantikan dengan kod ini 

.sidebar .widget {
margin:0 0 1.5em;
padding:20px;
font-size: 95%;
background:#ffffff;
border: 3px solid #000000;
}

4) Warna merah merupakan ketebalan border, biru untuk warna border dan purple untuk background dalam sidebar

5) Save dan pergi dekat dashboard > design > template designer > advanced dan tukar main background color kepada transparent dan apply to blog. 

Terima kasih sudi baca. Like kalau suka