Tutorial : Buat Scrollbar Box Kat Blog


As-salam


1. Dashboard --> Template --> Edit HTML >

2. Tekan Ctrl+A , Cut the paste code ditempat yan sama. (Cara unhide kotak segitiga hitam cara mudah. Kalau tak buat macam ni, Korang tak dapat cari code kat bawah yang korang nak nanti)

3. Tekan CTRL+F serentak, cari code kat bawah then tekan enter.
]]></b:skin> 
4.  Dah jumpa ?? Copy code kat bawah ni and paste kan di atas code yang atas tadi.

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

Merah : Scroll garisan yang panjang tu
Hijau : Croll yang pendek tu. Yang kita akan gerakkan nanti

4. Code warna bleh rujuk kat SINI

5. Preview dahulu then save.

Selamat mencuba ya :).


3 comments