Sebelum anda menerapkan tutorial ini, sebaiknya anda menggunakan media browser anda yang terupdate karena tutorial ini tidak bekerja dengan baik pada media browser yang lawas
contoh gambar :
Cara Modifikasi Warna Scroll Bar
- Kunjungi laman dasboard blogger
- Klik template > Edit HTML
- Cari code ]]></b:skin>
- Setelah menemukan code ]]></b:skin> letakkan code berikut di atasnya
/* simpel-blogger.blogspot.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);
Catatan :
1.Ganti #eee dengan code warna yang anda inginkan.
2.Untuk menganti lebar Scroll Bar rubah angka 14px dan 8px
Sekian untuk tutorial dan perjumpaan kita kali ini, Semoga Bermanfaat !
Simpel Blogger - Iqbal Miko