New Style Scrollbar

Assalamualaikum + Selamat malam, selamat tengah malam, selamat pagi. Lol -_-

Hello fellas ^^ Tutorial ni direquest oleh Asma As. Dye tanye camno nak wat scrollbar macam saya ni. Walaupun tangan saya sakit sekarang neh disebabkan homework terlalu bnyk, tapi takpelah. Hehe :D Okeh, kite start sekarang ea.

Template Designer

1. Dashboard > Design > Edit HTML

2. Ctrl + F. Cari kod ne :

]]></b:skin>

3. Kalau korang dah jumpe, copy kod ni. Pastekan sebelum kod ]]></b:skin> ea.

::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #000;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #888;
border: 1px solid #fff;
}

P/S : Yang ada kod mcm ni '#000000' tu warne scrollbar. Pandai2 lah korang ubah ye. 

Classic Template

1. Dashboard > Template

2. Ctrl + F. Cari kod ne :

</style> 

3. Paste kod neh sebelum </style> ea.

::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #000;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #888;
border: 1px solid #fff;
}

Oklah, saya terlalu penat ni. Besok nak sekolah. Bai.