Menganti Warna Scroll Bar Di Blog

Kali ini saya berbagi tips ini untuk yamgmau mempercantik blog atau mungkin membuat serasi antara scroll bar dengan template blognya sehingga terlihat lebih menari dan rapi.Scroll Bar sendiri adalah kursor untuk naik/turunkan page di blog.tapi biasanya scroll yang ada warnanya berasal dari browser yang kita gunakan jadi pada kali ini kita akan mengubahnya dari template yang ada di blog kita.

Adapun caranya sebagai berikut :

1. Login ke blogger pilih template
2. cari tag ]]></b:skin> tapi untuk mempermudah pencarian gunakan CTRL+F dan masukan tagnya
3. sekarang masukan kode di bawah ini tepat di atas tag ]]></b:skin>

Ini adalah kodenya :

::-webkit-scrollbar {

height:15px;

width: 15px;

background:#FFFAFA;

border-radius: 10px;

}

::-webkit-scrollbar-thumb {

background-color: #4169E1;

-moz-border-radius: 12px;

border-radius: 10px;

}

Untuk tulisan yang warna hijau bisa di ganti warna sesuka anda di tulisan border-radius juga bisa di ganti sesuai kemauan anda untuk kelengkungan scrollnya.

Selamat mencoba !!!

*)Apabila tidak menemukan tagnya karena versi blogger yang baru maka anda akan menemukan tag seperti ini <b:skin>…..</b:skin> klik aja kursor kea rah itu nanti juga nemu kodenya (tag paling bawah di situ)

Kalau bingung soal warnanya do html mungkin bisa baca artikel ini “Kode Warnapada HTML”