-->

Blogspot: Merubah Tampilan ScrollBar

Cara mudah merubah scrollbar ui atau bilah gulir diblogspot hanya dengan menggunakan css pada template. ingat mantan itu selalu ingin mudah tidak mau mempersulit.

Daftar Isi [Tutup]
    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.
    Show comments
    Hide comments


    MANTANKODE.NET Kebijakan Komentar, Silahkan berkomentar sesuai ketentuan perundang-undangan!
    Baca Kebijakan Berkomentar kami sebelum berkomentar.

    Notification

    Donasi yang anda berikan akan digunakan untuk, pengembangan blog ini.

    Kesehatan admin dan lebih semangat berbagi tips dan informasi.

    Yang telah membantu saya ucapkan terima kasih

    Donasi: Trakteer

    Done
    Night Mode