Sabtu, 07 September 2013

Cara Mengubah Warna Scrollbar di Blog

Label:

Scrollbar

Selamat malam sobat droiders..kali ini saya berkesempatan untuk membagikan tips untuk blogger, yaitu Cara Mengubah Warna Scrollbar di Blog, bagi kalian sobat droiders yang mengunjungi blog ini lewat Google Chrome pasti melihat scrollbar yang berbeda dari biasanya, itu bukanlah kesalahan pada Chrome anda B) tapi custom scrollbar. Contohnya seperti di bawah :

Scrollbar

Catatan : Cara ini hanya berlaku untuk Browser berbasis Chromium, seperti Chrome, Torch, Opera, dan lainnya.

Kalian tertarik untuk mengubah warna scrollbar di blog sobat ? Ikuti langkah berikut :

1. Login ke akun blogger kalian, lalu pada dashboard klik menu dropdown dan pilih template
Biasakan backup template kalian sebelum mengedit template

2. Pada template klik 'Edit HTML'

3. Nah sekarang pada form edit template cari kode <b:skin> (Klik formnya lalu tekan Ctrl+F untuk pencarian)

4. Copy kode CSS dibawah lalu paste dibawah kode <b:skin>

::-webkit-scrollbar {
height:12px;
width: 15px;
background: #b1b7bb; //warna background scroll
}
::-webkit-scrollbar-thumb {
background-color: #4f70b8; //warna scroll
}


Jika kalian ingin mengetahui warna yang lain silahkan gunakan tools Kode Warna HTML.

5. Setelah itu klik tombol Simpan template. Sekarang cek blog kalian..jika scrollbarnya telah berubah warna...selamat !! :)

Semoga bermanfaat..good luck :)

2 komentar:

Silahkan tinggalkan komentar ya :) Terimakasih...

 
Related Posts Plugin for WordPress, Blogger...