Friday, April 12, 2013

Scroll Bar imageUntuk mengubah warna scrollbar anda, anda harus membutuhkan sedikit trick CSS. Dengan trick saya, anda tidak perlu mengedit template anda yang beresiko merusak susunan template anda jika anda tidak rajin backup ^_^. Baiklah langsung ke TKP
Pertama-tama anda tentu ingin lihat demonya kan ? nah demonya bisa dilihat di blog saya . Tertarik ? Ini kodenya
/* IDBT Webkit Scrollbar */ ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-track { background: #FFFFFF; -webkit-box-shadow: inset 1px 1px 2px #E0E0E0; border: 1px solid #D8D8D8; } ::-webkit-scrollbar-thumb { background: #646464; -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4); } ::-webkit-scrollbar-thumb:hover { background: #AAA; } ::-webkit-scrollbar-thumb:active { background: #888; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3); }
Pemasangan CSS Scrollbar
1. Login ke blogger
2. Tuju ke Template
3. Sesuaikan ( Bukan edit HTML )
4. Pilih opsi tingkat lanjut
5. Nanti akan muncul opsi Tambahkan CSS
6. Paste kode di atas di kotak itu
7. Save

Pengeditan CSS Scrollbar

Jika anda ingin mengganti warna, ganti kode warna seperti #E0E0E0 dengan warna lain, tidak tahu dengan kode warna ? Akan saya bahas di posting berikutnya
Categories: ,