Pages

Subscribe:

Thursday 29 August 2013

Cara Mudah Mengganti Scroll Bar Keren Pada Blog

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

Cara Mudah Mengganti Scroll Bar Keren Pada Blog
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>.

  1. ::-webkit-scrollbar {height:12px;width: 12px;background: #00A000;}  
  2. ::-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

 
back to top