Cara Mengganti Warna Scrollbar di Blogger

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


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.

Related Posts

Berlangganan update artikel terbaru via email:

1 Response to "Cara Mengganti Warna Scrollbar di Blogger"

  1. Keren .. blog jadi lebih berwarna.
    Dan tampilannya tambah caem.

    ReplyDelete

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini atau dengan menghubungi kami di halaman kontak.

1. Centang kotak Notify me untuk mendapatkan notifikasi komentar.
2. Komentar kami moderasi, dan tidak semuanya dipublish.
3. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel