Cara Mengganti warna scroll pada blog

Diposting oleh Ivan Adi Sofyan on Senin, 03 September 2012

Pada tutorial kali ini saya akan memberikan tutorial yang mungkin belum banyak di blog para master. Tutorial kali ini tentang Scrollbar. Nah pasti pada bingungkan mau di apain Scrollbar nya. Sesuai judul kita akan membahas Cara mengganti warna scrollbar. Mungkin jika sobat membuka situs atau blog orang atau bahkan blog sendiri biasanya scrollbarnya default dari komputer.  Jika sobat ingin yang berbeda trik ini patut di coba karena tidak banyak kode, tidak pake Js, dan hanya menambahkan sedikit kode css pada template sobat.

Langsung aja ke tutorialnya :

  1. Log in ke akun Blogger masing masing
  2. dari dashboard klik Rancangan >> Edit HTML
  3. Supaya lebih aman lebih baik Download Template Lengkap dulu
  4. cari kode
    ]]></b:skin>
  5. jika sudah ketemu masukkan kode berikut tepat Di Atasnya
    ::-webkit-scrollbar {
    height:12px;
    width: 12px;
    background:
    #D9D9D9;
    }
    ::-webkit-scrollbar-thumb {
    background-color:
    #1F61DB;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
  6. jika sudah klik simpan template
Sedikit Penjelasan
  • Jika sobat ingin mengganti warna scrollbarnya ganti kode warna pada kode background-color: #1F61DB;
  • Kalau ingin mengganti warna Track pada scrollbarnya ganti kode warna pada kode background: #D9D9D9;

Happy Blogging :D

{ 0 komentar... read them below or add one }

Posting Komentar