Thursday, August 29, 2013

Cara Mengganti Warna Scrollbar Pada Blog

Sebenarnya mengganti warna scroll bar itu mudah, yang perlu kita lakukan adalah mengedit template dan menambahkan beberapa kode dan langsung bisa di lihat hasilnya.

Owh iya apa itu Scroll Bar ? Scroll Bar adalah letaknya di samping kanan yang fungsinya untuk menggulung layar ke atas dan ke bawah.

Bagaimana Cara Mengganti Scroll Bar ??
Cara mengganti warna scrollbar pada blog dengan mudah or gampang
Ini langkah-langkanya:
1. Log in ke akun Blogger
2. Masuk ke Template >> Edit HTML
3. Download template dulu biar mudah mengembalikan jika terjadi kode error. Tidak di download dulu juga tidak apa-apa.
4. Kalau sudah cari kode ]]></b:skin>. Gunakan CTRL+F untuk memudahkan
5. Jika sudah ketemu copy kode dibawah ini, dan copy kan di atas kode ]]></b:skin>.
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #1F61DB;
-moz-border-radius: 10px;
border-radius: 10px;
}
6. Simpan Template atau Save. Dan lihat apakah sudah berubah?
Cara Mengganti Warna Scrollbar Pada Blog

Catatan :

  • Kode diatas hanya berfungsi di browser Google Chrome, jika sobat menggunakan Mozilla, coba beralih ke Google Chrome terlebih dahulu untuk melihat hasilnya.
  • Kalau anda ingin mengganti warna scrollbarnya ganti kode warna pada kode background-color: #1F61DB
  • Dan kalau ingin mengganti warna Track pada scrollbarnya ganti kode warna pada kode background: #D9D9D9
  • Bagi yang tidak mengetahui kode warnanya sobat bisa menggunakan kode warna yang ada di menu Tools di atas.
Cara Mengganti Warna Scrollbar Pada Blog ini semoga bisa bermanfaat dan mempercantik blog sobat. Terima kasih

Related Posts

Cara Mengganti Warna Scrollbar Pada Blog
4/ 5
Oleh