Cara Mudah Mengganti Scroll Bar Keren Pada Blog - Selamat siang sobat, kali ini saya mau memberitahukan Cara Mudah Mengganti Scroll Bar Keren Pada Blogspot. Simple sekali caranya, mungkin 1 menit sudah jadi haha :p
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>.
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~ :)
Contoh Scroll Bar keren |
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~ :)
No comments:
Post a Comment