13 July 2011

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

1 suka ayam goreng:

♥ HanaHyun ♥ said...

cik yana...sebenarnya saya da buat border kat sidebar blog sy...sy nk tny kalau nk buang plk cmne ye?

>
 
copyright by > Cikelyana