Tutorial : Sidebar Gadjet dalam Kotak

..:: assalamualaikum ::..

untuk tutorial kali ini adalah bagaimana 

mengasingkan sidebar gadget dalam kotak

try step ini ok!

1. buka Dashboard > Design > dan Edit HTML

2. pastu tick Expand Widget Template

3. cari kod di bawah ini

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

4. Dah jumpa kod tadi delete dan replace dengan kod ini

.sidebar .widget {
background:#FFFFFF;
border: 1px solid #000000;
margin:0 -5px 1.5em -5px;
padding:5px 7px 5px 7px;
}

.main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
} 

5. Colour biru korang tukar sendiri la yerk

Next cari kod ini pulak 

#sidebar-wrapper {
background:#FFFFFF;
border: 1px solid #000000;
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

6. Yang warna purlpe korang delete 

7. Dah siap boleh save dan view blog k

* bagi yang tak jadi boleh try yang kat sini

Terima kasih sudi baca. Like kalau suka