Diberdayakan oleh Blogger.

s

Kamis, 20 November 2014

Cara Merubah Warna Scroll Bar

Tidak hanya tampilan blog yang kita bisa modifikasi melalui kode HTML template kita, namun warna scroll bar dari media browser yang kita gunakan pun bisa kita modifikasi warnanya, dari warna standar ke warna yang kita sukai. Kode untuk merubah warna Scroll Bar adalah kode CSS (Cascading Style Sheets).

Scroll-Bar

Sebelum Anda menerapkan tutorial ini, sebaiknya Anda menggunakan media browser (Firefox, Chrome, internet Explorer) yang terupdate karena tutorial ini tidak bekerja dengan baik pada media browser yang lawas.

Cara Memodifikasi Warna Scroll Bar

    Kunjungi laman Dashboard blogger
    Klik Template dan Edit HTML

  • Cari kode ]]></b:skin>
  • Setelah menemukan kode ]]></b:skin> letakkan kode berikut diatasnya :
/* 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);
  • Simpan template Anda.

Catatan penting :
  1. Ganti #eee dengan kode warna yang Anda inginkan.
  2.  untuk mengganti lebar Scroll Bar, rubah angka berikut 14px dan 8px

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger