Pisahkan Sidebar

Tajuk post nie Pisahkan sidebar so, korang tahu x apa benda nya ? korang boleh tgk sidebar Elly atau pun kalau
memang masih lagi x paham .. korang boleh rujuk dekat gambar nie :-

Warning ! tutor nie only untuk simple template, kalau denim template mmng x jadi

k .. mcm tuh lerr pisah kan sidebar , satu-satu ada kan ?

kiter start tutorial nya ^_^ !

Pergi Dashboard > Design > Edit Html > Tick Expand Widget Templates

kemudian Guna kan (Ctrl F) cari kod kat bawah nie :-

/* Headings
----------------------------------------------- */

jumper? Gud2x ... kemudian copy kod nie dan paste kan dibawah kod "/* Headings" tadi

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.sidebar .widget {
background : url(URL BACKGROUND);
border:2px dotted #81DAF5;
margin:0 -5px 2.0em -5px;
padding:10px 10px 10px 10px;
-webkit-border-radius: 20px 20px 20px 20px;
}

Contoh nya ...

/* Headings
----------------------------------------------- */
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.sidebar .widget {
background : url(URL BACKGROUND);
border:2px dotted #81DAF5;
margin:0 -5px 2.0em -5px;
padding:10px 10px 10px 10px;
-webkit-border-radius: 20px 20px 20px 20px;
}

k.. lepas dh siap preview dlu , klau x dek error korang bleh trus save ^_^

Merah - Url Gambar

Biru - Kod Warna Boleh Cari Di Sini

Hijau - Ketebalan border .. size tuh rasanya dh x yah nak ubah sebb dh okay , rasanya.

Kuning - korang boleh tukar dengan Dotted , Dashed atau Solid pilih salah satu nanti kalau pilih semua menyesal sensorang x jadi hhehe :)

ok ! sampai sini saja sekman kiter .. then gud luck for u all ! :) !