Tutorial: Scroll Bar Berwarna Part 2

Hai korang , hari ni aku nak ajar camana nak buat scroll bar berwarna version yang kedua . Kalau korang pengguna Google Chroome mesti nampak kan ? Okay jom kita mulakan .

1. Dashbord > Design > Edit HTML > Tick Expand Widget Template

2. Cari code ni :

]]></b:skin>

3. Dah jumpa , copy pula code kat bawah dan pastekan di atas code korang cari tadi

::-webkit-scrollbar {
width:15px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:10px;
width:10px;
display:block;
background:#DB7EDE;
border:1px solid #000000;
}
::-webkit-scrollbar-track-piece  {
background-color:#FEE3FF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#DB7EDE;
border:1px solid #000000;
}

4. Preview then baru save template