Cara Mengganti Warna Scrollbar di Blogger

Tampilan scrollbar yang biasa kita lihat berwarna abu-abu, namun ternyata bisa kita modifikasi tampilannya supaya lebih keren.

Kita bisa mengganti warna scrollbar sesuai dengan keinginan kita, disini saya akan menjelaskan cara mengubah tampilan atau warna scrollbar khusus di blog Anda.

Jadi kalau kalian mengunjungi situs atau blog lain warna scrollbar akan kembali lagi ke warna defaultnya.

Ada banya cara untuk mempercantik tampilan blogger, salah satunya dengan mengubah warna pada scrollbar blog Anda agar sesuai dengan tema atau template yang digunakan.

Baca juga: Cara Membuat Efek Salju Berjatuhan di Blog

Saya juga pernah menulis artikel tentang menambakan persentase pada scrollbar blog, fungsinya untuk mengetahui sejauh mana Anda berada di halaman tersebut.

Baca juga: Cara Membuat Persentase Pada Scrollbar Blog

Mengubah tampilan scrollbar blog caranya cukup mudah Anda hanya perlu menambahkan beberapa baris kode CSS, jadi Anda tidak perlu khawatir dengan loading blog Anda menjadi berat.

Jika Anda tertarik untuk mengganti warna scrollbar di blogger silahkan ikuti langkah-langkahnya di bawah ini.

Cara Mengganti Tampilan Scrollbar di Blog

DEMO

1. Masuk ke Blogger.com
2. Klik Tema > Edit HTML
3. Tambahkan kode css ini di atas kode ]]></b:skin> atau </style>

/* CSS Scrollbar Color */
::-webkit-scrollbar{width:15px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#4381ce;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#305B90}

4. Klik Simpan tema dan lihat hasilnya

Catatan:
Untuk mengganti warna silahkan gunakan tool Kode Warna HTML.

Itulah artikel mengenai cara mengganti warna scrollbar di blogger, semoga bermanfaat.

Cara Manual

Cuman hobi nulis tentang tutorial blog jadi deh blog cara manual.

Bagikan Artikel ini