Thursday 2 February 2012

Tutorial: Scroll Bar Yang Berwarna



Hari ni terasa macam nak 
buat tutorial pula...Dalam hujan2 ni...huhuhu..
Tutorial hari ni ialah Scrool Bar Yang Berwarna..
Alar, yang kat tepi tuh ---->>>>
korang tahu kan? Oke, jum lah 
kite mula...

p/s: tutorial ni hanya berfungsi untuk google sahaja tau...(Google sahaja)
yang lain2 tak boleh...

  • Dashboard > Design > Edit HTML > Tick Expand Widget Templates 
  • Tekan CTRL F serentak, cari kod ni..
]]></b:skin>


  • Kalau dah jumpa copy kod kat bawah ni pulak...
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #ff3399;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ffffff;
  • Lepas tu paste kan kod tuh kat atas kod kod ]]></b:skin>
  • Ok, dah siap semua kan? Mari kite adjust untuk warna yang korang nak..
#Warna Biru : Background Scroll Bar
#Warna Merah : Warna Scroll Bar korang.

  • Kalau nak ubah warna kod nya ada kat sini..
  • Bila dah selesai semua nya, tekan save dan lihat hasil nya...


Selamat mencuba...
Kalau dah jadi jangan lupe komen ye...

If Suka Just Like n coment, If Tak I'm Cowy

No comments:

Post a Comment