Merubah Warna Scroll Bar

Sebelum Anda menerapkan tutorial ini, sebaiknya Anda menggunakan media browser (Firefox, Chrome, internet Explorer) yang terupdate karena tutorial ini tidak bekerja dengan baik pada media browser yang lawas.

Cara Memodifikasi Warna Scroll Bar

• Kunjungi laman Dashboard blogger
• Klik Template dan Edit HTML
• Cari kode ]]></b:skin>
• Setelah menemukan kode ]]></b:skin> letakkan kode berikut diatasnya :

/* tutorialblogspot.com scrollbar effect */

::-webkit-scrollbar {

width:14px; height:8px;

}

::-webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);

background:#eee;

}

::-webkit-scrollbar-thumb {

background: rgba(28,119,229,0.7);

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

}

::-webkit-scrollbar-thumb:window-inactive {

background: rgba(116,188,99,0.5);

• Simpan template Anda. 

Catatan penting :

1. Ganti #eee dengan kode warna yang Anda inginkan. Untuk melihat kode warna, klik disini atau disini
2. untuk mengganti lebar Scroll Bar, rubah angka berikut 14px dan 8px

ReadMore : TutorialBlog

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Merubah Warna Scroll Bar. Anda bisa bookmark halaman ini dengan URL https://amierdoang.blogspot.com/2014/07/merubah-warna-scroll-bar.html. Terima kasih!

Ditulis oleh: x-mati -