BLOG - Tukar Warna Scroll Bar

Haaaa. Nampak? Hahahah. Tah apa-apa kan. Itu je gambar semata-mata nak tunjuk apa itu scroll bar. Okeh, kita kan dah biasa tengok scroll bar traditional macam ni kan. Warna yang sungguh bosan. Haaa. So, sekarang aku nak tunjuk cara macamana nak tukar color scroll bar ni ikot citarasa korang okay. Jom layan.

Cara

Click

Design -> Template -> Edit HTML -> Proceed -> tick Expend Widget Template 

Then korang tekan CTRL+F dan cari kod ni ye

]]></b:skin>

Dah jumpa?? Okeh.. Amik copy kod bawah ni..

}::-webkit-scrollbar {

height:10px;

width: 10px;

background:#ffffff;

}

::-webkit-scrollbar-thumb{

background-color:#fffffff;

-moz-border-radius: 10px;

border-radius: 10px;

border: 1px solid #ffffff;

}

Okeh, paste kat kod atas ni dekat atas kod ]]></b:skin> okay. Macam ni..

Then kod warna kuning tu untuk background scroll tu dan warna pink tu untuk warna scroll bar tu okay. Haaaa. Korang pandai-pandai la tukar color mengikut kod warna dekat sini  

Okay, Preview dulu.. Then kalau jadi Save!

Okay.. Stay cute semua!!!

Have Fun!!