Cara Membuat Scrollbar keren Berwarna

Ilmu baru lagi nih dari Hafidz Jabar / cara membuat Scrollbar yang keren , 
kayak yang bisa di lihat di scrollbar nya Hafidz Blog warna hitam terus jalur scroll nya warna ijo , cuma sayangnya di mozila fire fox ga mempan / scroll nya jadi biasa beda sama di chrome bisa terlihat perbedaan scrrollnya . . . .

nah buat kalian yang pakai chrome atau yang lainnya , pkoknya di coba dulu kalo gak bisa berarti ga cocok sama aplikasi internet kalian . . .

langkah nya cukup mudah :

1. Login ke blog (blogspot.com)

2. pilih menu template terus pilih lagi edit HTML terus klick lanjutkan

3. Klick tombol Ctrl+f pada keyboard , lalu ketikan kode dibawah  ini :

]]></b:skin>

4. kalo udah ketemu kode nya  copy paste kan kode yang ada di bawah ini diatas kode ]]></b:skin>  tadi :

::-webkit-scrollbar { height:15px; width: 15px; background: #e6e6fa; } ::-webkit-scrollbar-thumb { background-color: #1F61DB; -moz-border-radius: 12px; border-radius: 12px; }

5. untuk yang mau merubah warnanya terus ga tau kode warnanya kaya contoh diatas yang berwarna merah #e6e6fa / #1F61DB tenang aja Hafidz Jabar juga punya formulanya dan gampang banget kalian cuma perlu menyebutkan warnanya dalam bahasa inggris contoh : red (merah) , blue (biru) , black (hitam) , green ( hijau ) , purple ( ungu ) ..... dll, tapi yang perlu di perhatikan , kalian tidak perlu menggunakan tanda pagar ( # ) ==> ( #red ) tapi langsung aja red setelah titik dua ( : ) contoh : background-color: red 


nah setelah selesai semua langkah-langkah nya , tinggal di uji coba dengan cara klick pratinjau . . .

kalo udah berhasil langsung di save deh dengan mengklik simpan . . . .


nih contoh jadinya :

oiyah langkah terakhir jangan sampai lupa buat join n klik like pada Hafidz Blog hehehe ( bercanda kok )
selamat mencoba dan selamat berbagi . . .

kalo mau posting di blog nya boleh copy kode HTML nya , tapi kata-katanya buat sendiri wkwkwk
salam semangat dan salam bloger . . . .