Cara Mempercantik Tampilan Scroll Bar di Blog

Written By PENDIDIDKAN Monday, October 6, 2014 Add Comment Edit

Cara Mempercantik Tampilan Scroll Bar di Blog - Scroll bar merupakan kontrol penggulung pada layar baik itu keatas dan kebawah maupun kekiri dan kekanan, dengan adanya kotak scroll dapat mempermudah anda untuk naik dan turun.

Selain membatu mempermudah anda untuk naik dan turun Tampilan pada scroll juga dapat anda percantik, berikut ini screen shootnya :

Tampilan scroll pada Blog anda dapat merubah cukup dengan menggunakan script CSS, jika anda tertarik ingin mempercantik tampilan scroll anda berikut ini langkah-langkahnya :

1. Login keakun Blogger anda
2. Pilih Template » Edit HTML
3. Selanjutnya anda cari kode ]]></b:skin>
4. Kemudian anda terapkan kode di bawah ini sebelum kode ]]></b:skin>

::-webkit-scrollbar {height:12px;width: 12px;background: #0600A0;}
::-webkit-scrollbar-thumb {background-color: #A5A3A3;-moz-border-radius: 10px;border-radius: 10px;}

Note :
Kode berwarna biru adalah warna latar dan bar silahkan anda ganti dan sesuaikan dengan template anda.

5. Simpan Template

Efek scroll ini memiliki kekurangan yaitu terkadang tidak dapat terlihat atau tidak support, agar selalu dapat terlihat silahkan anda ganti browser yang Anda gunakan dengan menggunakan Google Chrome.
sekian dari saya Cara Mempercantik Tampilan Scroll Bar di Blog, semoga bermanfaat!