Untuk lebih jelasnya bisa sobat lihat pada screenshoot di bawah ini :
![]() |
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..
Balasthanks hihi, akhirnya bisa ganti scrollbar juga
Sayangnya hanya bisa di Chrome :3
BalasUntuk FireFox yang sudah diupdate ke versi baru sudah bisa kok pakai CSS ini gan :)
BalasBagus dah kalau begitu
Balasini 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.
Balasterimakasih tutorya gan,,, semoga tidak bosan membimbing kita kita yang masih newbie
Balaswah jadi keren warnanya ya mas? Saya coba ijin terap dulu.
BalasUntuk penempatan kodenya bisa Mas,dan apalah cssnya bisa dikompres lagi Mas berhubung katanya css juga termasuk menambah berat loading blog juga ya Mas.
BalasDi Chrome Ubuntu juga gak bisa om...
Balassukses mas , hanks ya :)
BalasWalah seru bro. Cuman udah kebanyakan style bro. Tapi ijin bookmark aja ya takut pengen pasang juga nantinya :D
Balasbagus sekali postingannya terima kasih atas informasi yang bermanfaat ini http://topwisata2014.blogspot.com/2013/09/tempat-wisata-di-yogyakarta.html
Balasmantap postingannya.. jadinya kerennn
BalasPosting Komentar
Silahkan tinggalkan komentar sobat... Mohon jangan menggunakan link hidup, karena akan otomatis terhapus!