Posted by Aak
Aak-share.com Updated at: 11:04:00 AM

Cara Mempercantik Tampilan Scroll Bar di Blog

3 comments:
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!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

3 comments

Terimaksih sob ,
Terimakasih sudah berkunjung .

Balas

mantap gan..


mampir juga ya di infostore.co.id, situs yang menyediakan fasilitas iklan produk gratis.

Balas