Customize Scrollbar

Annyeong ! Hari ni Qay bosan so, buat lah tutorial. Hmm, Qay akan ajar care nak tukar bende scroll tu, yg kat sebelah kanan korang. For penggune Google Chrome saja.


1) Pergi lah Design.
2) Pergi Edit HTML. 
3) Cari code ini (ctrl + f = search code) :
]]></b:skin>
4) Copy and paste code ini pulak dekat atas code yg kita cari tadi (kalaw dekat code korang ade code </style> paste-kan dekat atas code tersebut.) . (ctrl + c = copy)

::-webkit-scrollbar { height:12px; width: 14px; background: #FFFFFF}
::-webkit-scrollbar-thumb { background-color: #F3F781-moz-border-radius: 5px; border-radius: 5px; 


5) Edit time.
BIRU : Untuk background scrollbar. Yg Qay punye, warne putih tu.
MERAH : Untuk scroll dye. Yg Qay punye, warne kuning cair tu.
*height, width dgan border boleh adjust. 


6) Preview and Save !


Good Luck :]

Comments

Post a Comment

You may criticise (or just don't) as well