Cara Mengganti Warna Scrollbar dengan CSS di Blog

Apa arti scrollbar? Scroll bar berarti bar penggulung. Scrollbar biasanya kita lihat berada di samping kanan blog untuk menggulung layar ke atas atau bawah.

Cara ini saya lakukan hanya untuk mempercantik blog agar pengunjung tidak bosan bila mengunjungi blog saya. dan ini tidak ada hubungannya sama sekali dengan SEO.

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

Contoh Sroll Bar seperti yang terlihat di blog ini.

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

Merubah Scrollbar di Blog

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.

Tutorial keren ini saya dapatkan dari blog sahabat www.bloggertut.com semoga bermanfaat bagi sobat...

Share it Please

Tweet

Unknown

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.