Senin, 25 November 2013

Cara Mengganti Scrollbar




Kali ini saya akan memposting cara mengganti scrollbar..

Pingin Ganti Scrollbar keren seperti yang disamping ?
Mau tau caranya ?
Simak Berikut ini...
  1. Buka Blogger.com > Rancangan > Edit HTML 
  2. Cari kode ]]></b:skin> dengan menekan tombol CTRL + F 
  3. Setelah ketemu Paste code dibawah ini tepat di atas kode 
    ]]></b:skin>


  4. ::-webkit-scrollbar {height:12px;width: 12px;background: #474747;}

  5. ::-webkit-scrollbar-thumb {background-color: #ff0000;-moz-border-radius:   10px;border-radius: 10px;}
  6. Simpan.
Ganti kode warna yang ada sesuai dengan kode warna yang anda inginkan.
kode #474747 ganti dengan kode warna Scroller yang anda inginkan, #ff0000 ganti juga kode warna Background Scroller yang ini.
Untuk height dan width ganti dengan ukuran yang anda inginkan.
Beberapa browser mungkin tidak support dengan kode ini tapi saya memakai Google Chrome & Maxthon code ini berfungsi dan scrollbarnya berubah seperti yang diinginkan.
Silahkan mencoba, semoga berhasil, Terimakasih.