Cara Mudah Mengganti Scroll Bar Keren Pada Blog

Gusti Ardias Riantono    Juni 06, 2013    Tutorial    Comment   

Cara Mudah Mengganti Scroll Bar Keren Pada Blog - Selamat siang sobat, kali ini saya mau memberiahukan Cara Mudah Mengganti Scroll Bar Keren Pada Blogspot. Simple sekali caranya, mungkin 1 menit sudah jadi haha :p

Contoh Scroll Bar keren

Kurang lebih kita akan membuat scroll bar seperti gambar diatas. Ikuti langkah berikut ini sobat.
1. Buka/Login Blogger.com
2. Masuk ke menu Template > Edit HTML.
3. Cari kode ]]></b:skin>, gunakan CTRL+F untuk permudah pencarian.
4. Salin dan Taruh kode dibawah ini tepat diatas ]]></b:skin>.
::-webkit-scrollbar {height:12px;width: 12px;background: #00A000;} ::-webkit-scrollbar-thumb {background-color: #A52A2A;-moz-border-radius: 10px;border-radius: 10px;}
Warna dari Scroll Bar diatas bisa diubah sesuai keinginan sobat. Misal warna #00A000 (hijau) diganti dengan warna #222020 (hitam) dan lain sebagainya.
Untuk permudah pencarian warna gunakan Color Code Generator ini.

Oke selesai sudah Cara Mudah Mengganti Scroll Bar Keren Pada Blog anda. Mudah bukan? silahkan dicoba dan semoga bermanfaat. Oh iya Scroll Bar ini rekomen di Google Chrome~ :)