Menambahkan Webkit Override Scrollbar Ke Dalam Template Blogger

Dalam tutorial ini saya akan berbagi trik bagaimana kita bisa mewarnai scrollbar template blogger dengan bantuan Webkit dan juga dikenal sebagai scrollbar webkit. Scrollbar ini hanya bekerja di Google Chrome. Langkah - langkah sebagai berikut :
Langkah # 1: Login ke akun Blogger Anda dan masuk ke dasbor blogger.
Langkah # 2: Dari dashboard blogger klik Theme Dan Pilih Edit HTML
Langkah # 3: Sekarang cari script ]]></b:skin> dan tekan CTRL + F
Langkah # 4: Dan Paste Kode dibawah ini sebeleum ]]></b:skin> dan Simpan tema.
Script :
/* Webkit Override Scrollbar*/
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#fff;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(4,189,250,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
                background: rgba(4,189,250,0.4);
}
/* Webkit Override Scrollbar*/


Komentar