Pengertian Scrollbar adalah sebuah kotak yang dapat digulung kekanan maupun ke bawah sehingga kita dapat menemukan isi yang tersembunyi pada sebuah blog maupun web. kenapa saya membahas sebuah scroll bar, scroll bar sangan penting kenapa karena bisa menghemat ruang. untuk itu kami akan membuat sebuah tutorial untuk mengubah sebuah scroll bar yang ada pada blog atau web kita ....
Trus bagaimana caranya.....?
Ada beberapa tutorial untuk mengubah sebuah scroll bar pada blog maupun web yaitu bisa memakai css3 sayangnya css3 ini hanya support di beberapa browser saja... trus bagaimana agar bisa support di semua browser, ini cara kedua yaitu bisa memanfaatkan jQuery scroll bar. untuk itu kita simak bersama-sama proses pembuata menggubah sroll bar yang ada di blog maupun web dengan menggunakan 2 cara yaitu css dan jQuery
Cara mengubah scroll bar dengan css
1. Buka Blogger.com > Rancangan > Edit HTML
2. Cari kata ]]></b:skin> dengan menekan tombol CTRL + F
3. Paste code berikut di atas ]]></b:skin>
::-webkit-scrollbar-thumb {background-color: #A52A2A;-moz-border-radius: 10px;border-radius: 10px;}
Cara mengubah scroll bar dengan JQuery
1. Buka Blogger.com > Rancangan > Edit HTML
2. Cari kode </head> dengan menekan tombol CTRL + F
3. Paste code berikut di atas </head>
<script src='https://coki.googlecode.com/svn/trunk/scroll/scroll.js' type='text/javascript'/>
IE6 |
IE6 |
IE7 |
IE8 |
IE9 |
IE10 |
Chrome |
Firefox |
Opera |
Safari |
Android |
Windows |
Windows Phone 7 |
BlackBerry |
Chrome iOS |
Opera Mini |
iPhone |
IPad |
Semoga tutorial ini bermanfaat
Komentar