Cara merubah Tampilan Scroll Bar Blogger

Scroll bar merupakan sebuah alat yang mempermudah kita untuk melihat keseluruhan isi dari sebuah laman web.

Scroll bar biasanya berbentuk vertikal dan terletak di samping kanan dari sebuah halaman blog. Pada umunya, Scroll bar sudah secara otomatis tersedia jika kalian membuat sebuah web.

Namun ternyata kalian bisa memodifikasi scroll bar tersebut dan menyesuaikannya dengan template blog kalian.

Bagaimana cara melakukannya? Mari simak langkah - langkahnya sebagai berikut:

Langkah pertama, kunjungi menu Template >> Edit Html
Ketik Ctrl + F lalu cari kode ]]></b:skin> atau </style>
Jika sudah ketemu, paste script ini diatas kode tersebut.

::-webkit-scrollbar {
width: 12px;
}

::-webkit-scrollbar-track {
background: #dbdbdb;
}

::-webkit-scrollbar-thumb {
background: #00bfff;
}

::-webkit-scrollbar-thumb:hover {
background: #00bfff;
}

Perlu diingat bahwa kalian harus mengedit script tersebut sesuai dengan keinginan kalian.

Cara mengeditnya yaitu sebagai berikut:

Yang saya tandai dengan warna merah tersebut merupakan ukuran scroll bar, kalian bisa mengubahnya sesuai keinginan kalian. Misal: 10px; 12px; 15px; maupun ukuran yang lainnya.
Yang saya tandai dengan warna biru adalah warna dari lintasan yang akan dilalui oleh scroll bar. Warna defaultnya adalah abu-abu, namun kalian bisa menggantinya sesuai keinginan kalian.
Yang saya tandai dengan warna hijau adalah warna dari scroll bar. Ganti warna tersebut sesuai dengan warna template anda biar terlihat lebih menawan.
Yang saya tandai dengan warna kuning merupakan warna dari sroll bar ketika kursor menyentuh scroll bar kalian.