Cara Mengubah Tampilan Scrollbar Di Blog

Selamat malam sobat blogger kali ini saya akan share Cara Mengubah Tampilan Scrollbar Di Blog. Untuk menggeser layar ke atas, bawah, kanan, atau kiri kita biasa menggunakan Scrollbar. Scrollbar ini mempunyai tampilan standar seperti yang sering kita lihat. Kita bisa merubah tampilan Scrollbar blog kita menggunakan CSS. Namun, sangat disayangkan CSS ini belum didukung untuk tampilan Mozila Firefox dan hanya mendukung pada Google Chrome saja. Namun, tidak ada salahnya jika kalian mengubahnya untuk mempercantik tampilan blog kalian versi Google Chrome. Berikut ini adalah caranya.

1. Masuk ke Dasboard blog kalian

2. Masuk ke Template

3. Pilih Edit HTML

4. Letakan kode berikut tepat di atas kode ]]></b:skin>

::-webkit-scrollbar {

width: 10px;

background: #aa0000;

-webkit-border-radius:10px;

border-radius: 10px;

}

::-webkit-scrollbar-thumb {

background: #000000;

-webkit-border-radius:10px;

border-radius: 10px;

}

Keterangan :

~ Kode yang berwarna BIRU adalah untuk mengatur lebar ukuran Scrollnya.

~ Kode yang berwarna KUNING adalah untuk mengatur warna background Srollbarnya,

~ Kode yang berwarna HIJAU adalah untuk mengatur radius (garis lengkung pada sudut scrollbar) dari bentuk scrollnya.

5. Terakhir, save template sobat.

Sekian dulu artikel saya tentang Cara Mengubah Tampilan Scrollbar Di Blog. Semoga artikel ini bisa bermanfaat bagi siapapun yang membacanya.