Widodo

Cara Mengubah scroll bar pada blog atau web

 

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 {height:12px;width: 12px;background: #00A000;}
    ::-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='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='https://coki.googlecode.com/svn/trunk/scroll/scroll.js' type='text/javascript'/>

Support

IE6

IE6

IE7

IE8

IE9

IE10

Chrome

Firefox

Opera

Safari

Android

Windows

Windows Phone 7

BlackBerry

Chrome iOS

Opera Mini

iPhone

IPad

DEMO

Semoga tutorial ini bermanfaat



Artikel Terkait

0 Komentar