Cara Mengganti Tampilan Scrollbar di Blog

Sebelumya saya sudah memposting tutorial ini, namun pada tutorial kali ini ada tampilan yang berbeda sedikit, CSS yang saya renovasi memang sedikit, tapi simple, untuk demonya lihat scrollbar blog ini, oke kita lihat dulu tampilan scrollbarnya, lihatlah gambar di bawah ini:

CSS:
::-webkit-scrollbar{background-color:#e6e6e6;}::-webkit-scrollbar-thumb{background-color:#03a1d5;}::-webkit-scrollbar-thumb:active{background-color:#008bb9;}::-webkit-scrollbar-button{background-color:#aaa;}::-webkit-scrollbar-button:active{background-color:#888;}::-webkit-scrollbar-button:disabled{background-color:#fb9521;}
Postingan kali ini pendek dulu, karena saya ngantk, dan capek, saatnya untuk tidur, insya Allah besok saya lanjutkan lagi postingan ini.

11 komentar untuk "Cara Mengganti Tampilan Scrollbar di Blog"

  1. Balasan
    1. ya emang kode itu tidak berlaku di firefox, klo gk salah harus masukin kode -moz-gk tau lagi :v, lupa sob

      Hapus
    2. saya juga sudah memakai CSS, dengan cara -moz-scrollbar{kode disini}, supaya bisa terpakai di mozila firefox, tetapi sofware mozila firefox belum mendukung tampilan scrollbar dengan style. Sampai saat ini saya belum pernah liat website pake style scrollbar di mozila firefox.

      Hapus
    3. memang itu benar,kenapa tidak beralih aja ke chrome? xV

      Hapus
    4. iya sob saya suka memakai google chrome, karna software google chrome sudah mendukung CSS di website, dan saya mau tanya sob klo cara menambahkan kode "pre" di komentar blog gimana itu lho style untuk konversi kode B)

      Hapus
  2. wew,sayang q gk punya crhome

    coment back sob http://akisada-ryo.blogspot.com/2013/08/cara-daftar-dan-klaim-blog-di-technorati.html

    di jamin alexa bisa turun dengan cepat

    BalasHapus
    Balasan
    1. saya juga gk punya software apa-apa ini software yang ada di komputer saya sudah ada dari tokonya, hehe, oke sob saya kunjungi balik, trimakasih sarannya :D

      Hapus
  3. Balasan
    1. tinggal atur widthnya gan...
      ::-webkit-scrollbar{
      width:??????px;
      }

      Hapus
    2. Ubah kode yang pertama sob jadi seperti ini:

      ::-webkit-scrollbar{background-color:#e6e6e6;width:12px}

      lalu atur width:12px jadi width:15px disesuaikan saja ya, sesuai selera sobat

      @val111 makasih sudah membantu saya menjawab pertanyaan

      Hapus
  4. If some one must be updated with hottest technologies then he should be pay a fast visit this online page and be up thus far everyday. sbobetagen.org

    BalasHapus

Untuk menyisipkan kode, gunakan tag <i rel="code">Kode disini...</i> atau <i rel="pre">Kode disini...</i>
Untuk menyisipkan gambar, gunakan <i rel="image">URL gambar disini...</i>
Untuk menyisipkan catatan, gunakan <b rel="quote">Tulis catatan disini...</b>
Untuk menciptakan efek tebal, gunakan tag <b>Teks anda disini...</b>
Konversi Kode Back to Top

Back to Top