Tutorial : Cantikkan Scroll Bar

tutorial untuk harinih scroll bar . diminta oleh kak mirara . nak tengok contoh , tengok atas nih yea . picture tu.

p/ : hanya untuk pengguna yang ada GOOGLE CHROME

1. Dashboard>Design>Edit html>Tick Expand Widget Templates

2. cari code nih :

]]></b:skin>

3. copy code nih :

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

4. paste sebelum code nih ]]></b:skin>

5. merah - background scroll bar
    hijau - warna yang scroll tu

6. kalau nak letak gambar , copy code nih gantikan dengan yang tulisan hijau tu

background-image:url(URL BACKGROUND);

 7. nak letak border pon boleh , copy code nih paste selepas border-radius tu

border: 1px solid #000000;

krdt : nazihah