Merubah Warna Scrollbar dengan CSS

+ 13 Komentar
Merubah Warna Scroll Bar dengan CSS - Apa arti scrollbar? Scroll bar berarti bar penggulung. Scrollbar biasanya kita lihat berada di samping kanan blog untuk menggulung layar ke atas atau bawah.

Untuk lebih jelasnya bisa sobat lihat pada screenshoot di bawah ini :

scroll bar
Contoh Sroll Barr seperti yang terlihat di blog ini

Menurut hemat saya, mengganti scroll bar tidak ada hubungannya dengan SEO. Hal ini digunakan hanya untukmempercantik tampilan blog agar betah berlama2 tinggal di blog kita.

Caranya sangat gampang, sobat tinggal menyimpan kode ini di atas ]]></b:skin>
::-webkit-scrollbar {
height:12px;
width: 15px;
background: #6d6d6d; //warna background scroll
}
::-webkit-scrollbar-thumb {
background-color: #142c3e; //warna scroll
}
Kode di atas tidak bisa tampil di Firefox atau Internet Explorer, dan hanya tampil di Google Chrome.

Untuk menyesuaikan dengan tampilan blog sobat, silahkan edit warna scroll dan warna backgroundnya.

Semoga bermanfaat...

13 komentar

seepp banget kang ini tutorialnya, udah lama saya cari..
thanks hihi, akhirnya bisa ganti scrollbar juga

Balas

Sayangnya hanya bisa di Chrome :3

Balas

Untuk FireFox yang sudah diupdate ke versi baru sudah bisa kok pakai CSS ini gan :)

Balas

ini yang saya cari selama ini, soalnya gak ketemu- ketemu tutorial ini, 1 minggu searching sana sini eh rupapanya jumpa disini. Thank,s ya gan, btw template blognya keren Gan, LIKE IT.

Balas

terimakasih tutorya gan,,, semoga tidak bosan membimbing kita kita yang masih newbie

Balas

wah jadi keren warnanya ya mas? Saya coba ijin terap dulu.

Balas

Untuk penempatan kodenya bisa Mas,dan apalah cssnya bisa dikompres lagi Mas berhubung katanya css juga termasuk menambah berat loading blog juga ya Mas.

Balas

Di Chrome Ubuntu juga gak bisa om...

Balas

Walah seru bro. Cuman udah kebanyakan style bro. Tapi ijin bookmark aja ya takut pengen pasang juga nantinya :D

Balas

bagus sekali postingannya terima kasih atas informasi yang bermanfaat ini http://topwisata2014.blogspot.com/2013/09/tempat-wisata-di-yogyakarta.html

Balas

mantap postingannya.. jadinya kerennn

Balas

Posting Komentar

Silahkan tinggalkan komentar sobat... Mohon jangan menggunakan link hidup, karena akan otomatis terhapus!