Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Blogspot: Merubah Tampilan ScrollBar

Tutorials berikut ini yang akan dibahas berupa Tips untuk anda yang agar mempercantik tampilan web atau blog pribadi anda atau juga yang lainnya yang berupa scrollbar/ bilah gulir.

Merubah tampilan ScrollBar ini cukup mudah cara penerapannya, anda hanya perlu menambahkan bumbu css dalam template blog.

Apabila bapak atau ibu hanya menggunakan fungsi default bawaan browser maka scrollbar ini akan memiliki tampilan yang besar tidak efisien jika diliat.

Dengan css ini dapat mempercantik tampilan UI scrollbar horizontal atau vertikal pada blog.

Maaf ini kata-kata bucin ^-^
maaf huhu artikel sebelumnya terlalu bucin untuk saya liat jadi saya sedikit melakukan perubahan agar sesuai dengan pembahasan dan tentu saja ditambahkan sedikit bumbu-bumbu bucin haha..

Merubah Tampilan ScrollBar blog

Kode CSS

Silahkan salin kode css berikut ini ke template blog anda diatas </b:skin> atau </style>

apabila ingin merubah warna scrollbar tinggal diubah saja kode background sesuai dengan selera warna masing-masing atau menyesuaikan warna blog.

::-webkit-scrollbar {
  width:9px;
  background:#dcdcdc;
}
::-webkit-scrollbar-thumb {
  background:#444;
}


Contoh Tampilan

Setelah itu cukup disimpan. dan lihat Perubahannya. berikut ini tampilan demo bagi anda yang masih kurang mengerti untuk fungsi css berikut ini:

Merubah Tampilan ScrollBar blog

Merubah Tampilan ScrollBar blog

Source Image Latar:
https://wlop.deviantart.com/art/Homesick-536799529
https://wlop.deviantart.com/

Oke Terima Kasih sudah mampir para mantan ke blog sederhana ini, semoga bermanfaat. jangan lupa komentar dan sharenya.

Posting Komentar untuk "Blogspot: Merubah Tampilan ScrollBar"