TUTORIAL : Main wrapper & Sidebar wrapper terpisah

hahh , dah tengok gambar niee kann ? dah tahu ape dia . let we start ^^ 

First go to your Dashboard > Design > Edit HTML then *tick expand widget . lepas tuh sila click ctrl + F and find code nie -->

.post {

dah jumpaa ? noww sila copy paste code yang una bagi nie dekat bawah code di atas :

yang ade main background :

margin:1em;
padding:10px;
font-size: 95%;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNogtDxr44aApgv1RoLpBUn8-wW-IJHsdxH_9CXsxpgg36WuA5XFZxjQGom1AT49egwzA-emMjD-w8HgyToFMhW18CfizvUgCGp8mo-VXhUYKyK_mIiOAdK37mfYjjQDlgHLyfiGx6mU-N/s1600/backgroundbody+%25282%2529.gif);
border-radius:5px;
border: 1px solid #000000;
line-height:1.9em;
}

yang putih je background dia :

margin:1em;
padding:10px;
font-size: 95%;
background:#FFFFFF;
border-radius:5px;
border: 1px solid #000000;
line-height:1.9em;
}

then korunk click ctrl + F lagi sekali & search pulak code nie :

 .sidebar .widget {

then korunk copy paste code bawah nie dekat bawah code yang dekat atas nie tauu ?

yang ade main background :

margin:1em;
padding:10px;
font-size: 95%;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNogtDxr44aApgv1RoLpBUn8-wW-IJHsdxH_9CXsxpgg36WuA5XFZxjQGom1AT49egwzA-emMjD-w8HgyToFMhW18CfizvUgCGp8mo-VXhUYKyK_mIiOAdK37mfYjjQDlgHLyfiGx6mU-N/s1600/backgroundbody+%25282%2529.gif);
border-radius:5px;
border: 1px solid #000000;
line-height:1.9em;
}

 yang putih je background dia :

margin:1em;
padding:10px;
font-size: 95%;
background:#FFFFFF;
border-radius:5px;
border: 1px solid #000000;
line-height:1.9em;
}

ouhhh , terkejutt tengok blogg eikk  ? hahah :D dia jadi mcm niee kann :

jangan risauuu ! ade penyelesaian nyaaa ! mehh ikut tuto bawah nie pulak -->

click ctrl + F then find this code :

#content-wrapper {

then korunk change code background yang ade dekat situ pada code nie :

 background :transparent;

soo nowww , its donee ! kan dah jadii :) hopeee korunk paham kayyy ?