Mengganti ScrollBar Layar Blog

Mengganti ScrollBar Layar Blog - Pada panduan kali ini yaitu merubah tampilan blog agar lebih cantik, salah satunya dengan mengganti scrollbar layar blog. Sudah tahu bukan apa itu ScrollBar? Itu loh garis tepi sebelah kanan yang berfungsi untuk menggulung layar keatas atau kebawah, jika kita scroll layar menggunakan mouse maka scrollbar ini akan naik turun atau untuk lebih ringkasnya seperti pada tampilan gambar berikut ini

Jika melihat tampilan pada gambar diatas, saya yakin Anda sudah mengetahuinya dan cukup mudah sebenarnya dalam mengganti scrollbar layar blog ini, cukup dengan memasukkan kode berikut pada template blog Anda
Silahkan salin kode berikut ini


::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-track {background:#FFF;-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;border:1px solid #D8D8D8;}
::-webkit-scrollbar-thumb {background:#99CC00;-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb:active {background:#888;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);}

Salin kode diatas sebelum ]]></b:skin>

Ingat, setelah Anda memasukkan kode scrollbar diatas maka secara otomatis scrollbar layar blog akan berganti dan hal ini tidak hanya mengganti scrollbar yang ada di tepi kanan layar tapi semua scrollbar yang ada di blog Anda akan berganti

Okey, jika ada yang perlu dipertanyakan mari-mari berkomentar untuk artikel ini, Mengganti ScrollBar Layar Blog