TUTORIAL : CANTIKKAN SCROLL BAR

Tutorial kali nih cara nak cantikkan Scroll Bar.

Oke, macam blog Montela nih.

Before kita start Tutorial, Montela nak bagitahu nih, Scroll Bar nih hanya berfungsi dengan menggunakan Google Chrome je tau. Mozilla ke IE ke tak berfungsi oke.

1. Dashboard > Design > Edit HTML > Tick Expand Widget

2. Search kod ini dengan menggunakan Ctrl F

]]></b:skin>

3. Dah jumpa? Oke, now, Copy dan Paste kod kat bawah nih di ATAS kod yang uols cari tadi.

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
border: 1px solid #000000;
}
::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #000000;
}

4. Yang warna Merah tuh kod warna, boleh tukar di Sini.
5. Yang warna Biru tuh size scroll bar. Boleh tukar saiz jugak :)

Selamat Mencuba.