Membuat Scrollbar Berwarna di Blog

Ilmu baru lagi nih dari fedhart / cara membuat scrollbar yg keren ,
kayak yang bisa di lihat di scrollbar nya fedhart 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 fedhart 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 fedhart 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 . . . .

0 komentar: