Jumat, 27 Desember 2013

Cara Membuat Scroll Bar Keren

. Jumat, 27 Desember 2013


Malam Gan Kali Ini Black Crow07 akan share..
Tutorial cara merubah scroll bar menjadi keren.. :)

Sebelum agan mempraktekan tutorial ini, agan harus update terlebih dahulu media browser, karna Tutorial ini tidak bekerja pada media browser lama.

Ok. Jika media browser agan sudah di update langsung cekidot


 `Pertama




  • Kunjungi laman Dashboard blogger
  • Klik Template dan Edit HTML
  • Cari kode ]]></b:skin>
  • Setelah menemukan kode ]]></b:skin> letakkan kode berikut diatasnya
    1. /* tutorialblogspot.com scrollbar effect */
      ::-webkit-scrollbar {
      width:14px; height: 8px;
      }
      ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
      background:#eee;
      }
      ::-webkit-scrollbar-thumb {
      background: rgba(28,119,229,0.7);
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
      }
      ::-webkit-scrollbar-thumb:window-inactive {
      background: rgba(116,188,99,0.5);

    `Ok.Slanjutnya Simpan Template Agan

    Keterangan :
    •  Ganti kode  #eee dengan kode warna yang Agan inginkan. 
    • Untuk melihat kode warna, klik disini.
    • untuk mengganti lebar Scroll Bar, rubah angka berikut 14px dan 8px




    Artikel Terkait :