Mengedit Scrollbar Pada Browser Google Chrome

Bagaimana Cara membuatnya?
Membuat/Mengedit Scrollbar pada Browser Google Chrome yaitu dengan menggunakan kode -webkit- tadi. Setelah di letakan Css ajaib itu, Css akan berjalan ke Semua Widget, Gadget, Halaman, Object yang memiliki Scrollbar. Lengkapnya ada di bawah ini :

1. Pertama tama buka blogger.com sahabat dengan Pass dan ID sahabat.
2. Pada di Laman Dashboard klik Layout → Edit HTML → cari kode ]]></b:skin&gt
3. Selanjutnya letakan kode CSS berikut tepat diatasnya kode ]]></b:skin> tadi :
   

   ::-webkit-scrollbar {
   height:12px;
   width: 12px;
   background: #fff;
   }
   ::-webkit-scrollbar-track {
   box-shadow: 0 0 3px #777;
   border-radius: 7px;
   }
   ::-webkit-scrollbar-thumb {
   background-color: #de0101;
   box-shadow: inset 0px 0px 4px #777;
   border-radius: 7px;
   }

4. Kemudian Save Template!

Keterangan Kode Css mengenai Scrollbar

::-webkit-scrollbar { /* Nomor 1 */ }
::-webkit-scrollbar-button { /* Nomor 2 */ }
::-webkit-scrollbar-track { /* Nomor 3 */ }
::-webkit-scrollbar-track-piece { /* Nomor 4 */ }
::-webkit-scrollbar-thumb { /* Nomor 5 */ }
::-webkit-scrollbar-corner { /* Nomor 6 */ }
::-webkit-resizer { /* Nomor 7 */ }

Saya rasa keterangan keterangan itu lebih dari cukup. Selanjutnya tinggal sobat saja yang mengedit edit :) hihihi semoga dengan adanya Scrollbar yang bisa di edit sobat jadi lebih bisa berkreasi hihi.

• 
• 
• 
• 
• 
• 
•