bMLX7JBx7U3xHqbAzpXkrkGFL8v952MVfhKrexc8

Cara Membuat Tombol Scrollbar Blog Keren

Dunia Tonang, Cara Membuat Tombol Scrollbar Blog Keren, TonangRGG, Tonang RGG
Membuat Tombol Scrollbar Blog
Halo Maiplen, bang Tonang mau sedikit berbagi tips untuk mempercantik tampilan blog kalian, lebih tepatnya Membuat Tomboll Scrollbar yang Keren. Kenapa tombol scroll? Menurut bang Tonang, dengan di edit tombol scroll dan menyatu dengan halaman blog kita maka tampilan akan sangat bagus, bisa kalian lihat di TonangNime (blog ini hanya sekedar iseng-iseng saja hehe).

Cara Membuat Tombol Scrollbar Blog Keren

- Buka terlebih dahulu di tab baru Webkit Scrollbar Generator.
- Kalian bisa kotak-katik pengaturan nya disebelah kanan.
Dunia Tonang, Webkit Scrollbal Generator - Membuat Scrollbar Blog Keren, TonangRGG, Tonang RGG
Webkit Scrollbar Generator
Keterangan:
- No 1, 2, dan 3 untuk mengatur scrollbar (Lihat bagian scrollbar sebelah kiri, itu tampilan biasanya).
- No 4 untuk mengatur besar / kecil scrollbar nya.
- No 5, 6, dan 7 untuk mengatur scrollbar 2 (Lihat bagian scrollbar sebelah kanan, jika kursor diarahkan maka warna scrollbar biasa akan berubah sesuai warna yang kita inginkan).
- No 8 untuk mengatur panjang / kecil scrollbar nya.
- No 9 untuk mengubah corak scrollbar.
- No 10 untuk mengubah corak scrollbar saat diklik.
- No 12 itu kode script nya, kode tersebut kalian copy lalu paster di template blog kalian. Itulah penjelasan pengaturan yang ada di Webkit Scrollbar Generator.

Jika kalian gak mod untuk mengatur nya bisa gunakan kode script dibawah ini. Disarankan sesuaikan saja seperti tampilan blog kalian agar terlihat semakin bagus.(Dibawah ini kode scrollbar yang aku pakai di blog TONANGNIME).


<style type="text/css">
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-button {
  width: 48px;
  height: 48px;
}
::-webkit-scrollbar-thumb {
  background: #057ec7;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #252c48;
}
::-webkit-scrollbar-thumb:active {
  background: #252c48;
}
::-webkit-scrollbar-track {
  background: #252c48;
  border: 0px none #ffffff;
  border-radius: 54px;
}
::-webkit-scrollbar-track:hover {
  background: #394264;
}
::-webkit-scrollbar-track:active {
  background: #057ec7;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
</style>
SUBSCRIBE Please Subscribe My Youtube Channel: Tonang RGG and Share This Articel With Your Friend, Thanks From TONANGRGG.ID.
Related Posts
Bang Tonang
Horas Maiplen :) Terima Kasih sudah berkunjung, jangan lupa berikan saran terbaik kalian di kolom komentar ya :)

Related Posts

Post a Comment