Cara Mengganti Tampilan Scrollbar Pada Blog

Cara Mengganti Tampilan Scrollbar Pada Blog

Diposting oleh Ficri Pebriyana - On 20.13

Cara Mengganti Tampilan Scrollbar Pada Blog - Tampilan scrollbar pada sebuah halaman website atau blog terkadang defaultnya berwarna putih abu, dan scrollbar ini bisa kita ubah atau kita ganti warnanya sesuai dengan keinginan kita. Mengganti tampilan scrollbar pada blog ini caranya menggunakan sebuah kode CSS yang sedikit dan pendek namun hasilnya maksimal dan bagus.

Bagi sobat Blogger semuanya bisa menggunakan cara ini untuk mengganti tampilan scrollbar blog Anda, namun harus Anda perhatikan dalam kode css scrollbar ini menggunakan sebuah kode ::-webkit- yang dimana kode tersebut bisa dikategorikan sebagai kode peringatan atau kode warning pada saat mengecek validasi css3, tetapi tenang saja ini hanyalah sebuah peringatan bukan sebuah pesan error yang memang harus dihapus.

Mengganti tampilan dan warna pada scrollbar blog akan membuat blog Anda lebih cantik dan terlihat bagus dimata pengunjung, sehingga ini akan membuat betah sipengunjung berada diblog Anda, siapa tau saja si pengunjung lagi mainin scrollbar blog Anda setiap harinya. Langsung saja bagi kalian yang ingin mengubah tampilan scrollbarnya silahkan disimak dibawah ini tutorialnya :

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Setelah ketemu, Copy kode css dibawah ini lalu Paste diatas kode ]]></b:skin>

/* Scrollbar */
::-webkit-scrollbar{width:8px;background:#FFF}
::-webkit-scrollbar-thumb{background-color:#575757;border-radius:3px}

5. Klik Simpan Template

Untuk mengganti warna silahkan cek kodenya disini Kode Warna HTML

Catatan :
CSS diatas tidak support untuk semua browser, seperti mozilla dan lain sebagainya.

Sekian artikel mengenai Cara Mengganti Tampilan Scrollbar Pada Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...