Cara merubah warna dan style scroll bar di blog

Oleh Unknown

Minggu, 29 Juni 2014

Bagikan :

Tweet

Sahabat Kang PP, setelah satu hari penuh tidak memosting artikel karena ada perbaikan pada laptop Kang PP sehingga tidak bisa menggunakannya seharian.

Baik, setelah curhat mari kita menuju ke topik artikel. Kenapa diberi judul "Cara merubah warna dan style scroll di blog" ? Karena kali ini kita akan membahas tutorial cara untuk merubah warna, bentuk dan besarnya scroll blog.

Tapi sebelumnya anda yang menggunakan browser Firefox jangan kaget ketika kok tidak ada perubahan, script ini hanya bekerja pada browser Opera, Google Chrome, dll.

kurang lebih hasilnya seperti gambar berikut :

Berikut Langkah-langkah merubah warna dan style scroll :                       

1.   Pertama yang ada lakukan adalah membuka blogger.com
2.   Dasboard > Template > Edit Html
3.   Kemudian carilah kode ]]></b:skin> , lalu letakan kode berikut tepat diatasnya

::-webkit-scrollbar {
width: 10px;
background: #0000FF;
-webkit-border-radius:10px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #FFFFFF;
-webkit-border-radius:10px;
border-radius: 10px;
}

4.   Simpan dan lihat hasilnya

Keterangan :
Kode yang background kuning itu merupakan kode untuk merubah ukuran bentuk scroll, kode background merah itu merupakan warna background dari scroll dan kode yang background biru itu merupakan warna thumbail scroll dan kode warna dapat dilihat disini .

Tag : Tutorial Blog