Cara Merubah Warna Scrollbar di Blog dengan CSS

Cara Merubah Warna Scrollbar di Blog dengan CSS - yups.. kali ini saya share tutorial cara mengganti scrollbar di blog dengan css..Apa itu scrollbar? Scroll bar berarti bar penggulung. Scrollbar biasanya kita lihat berada di samping kanan blog untuk menggulung layar ke atas atau bawah..hal ini hanya digunakan untuk mempercantik scrollbar di blog anda..

gambar scrollbar :
Cara Merubah Warna Scrollbar di Blog dengan CSS :
1. Login Blogger
2. Klik Template -> Edit HTML
3. Lalu cari kode ]]></b:skin> (tekan F3 pada keyboard untuk mempercepat pencarian)

::-webkit-scrollbar {
height:12px;
width: 15px;
background: #6d6d6d; //warna background scroll
}
::-webkit-scrollbar-thumb {
background-color: #00A3FF; //warna scroll
}
4. Simpan Template dan lihat scrollbar di blog anda..

KETERANGAN
Kode di atas tidak bisa tampil di Firefox atau Internet Explorer, dan hanya tampil di Google Chrome.
Jika ingin tampil di Firefox atau Internet Explorer.. silahkan update Firefox atau Internet Explorer di PC anda.agar bisa melihat Scrollbar
.
Suka artikel ini ?

About Unknown

Admin Blog

19 komentar

Click here for komentar
Terima Kasih Sudah Berkomentar
June 15, 2013 at 7:07 PM

mantap bro , baru tau saya kalo bisa di ganti.

Balas
Terima Kasih Sudah Berkomentar
June 15, 2013 at 7:09 PM

hahaaha masa baru tau sih bro.. ini kan udah lama caranya.. cuman baru saya share :)

Balas
Terima Kasih Sudah Berkomentar
June 15, 2013 at 7:24 PM

Thanks for info..

Balas
Terima Kasih Sudah Berkomentar
June 15, 2013 at 7:29 PM

prefix -webkit cuma bisa di engine webkit,
ga bisa di engine gecko atau microsoft
statement ente salah yang "silahkan update Firefox atau Internet Explorer di PC anda.agar bisa melihat scrollbar :)"

Cuma ngasih kritik gpp kan masbro? :D

Balas
Terima Kasih Sudah Berkomentar
June 15, 2013 at 7:44 PM

makasih gan .. statement ane emang salah |o|.. udah di benerin tuh.. :)

Balas
Terima Kasih Sudah Berkomentar
June 15, 2013 at 7:46 PM

sama sama gan.. :)

Balas
Terima Kasih Sudah Berkomentar
Anonymous
June 15, 2013 at 7:51 PM

wah dapat ilmu baru lagi nih , thanks gan infonya :)

Balas
Terima Kasih Sudah Berkomentar
June 15, 2013 at 10:15 PM

sip bos ilmunya, jangan lupa berkunjung di http://blankon-ku.blogspot.com/ follow and coret2 ya hehe

Balas
Terima Kasih Sudah Berkomentar
June 16, 2013 at 1:08 AM

Followed gan., Follow Back ya?

Balas
Terima Kasih Sudah Berkomentar
June 16, 2013 at 2:17 AM

INi dia yang ane cari-cari tengkiu mas udah share :-d

Balas
Terima Kasih Sudah Berkomentar
ccv
June 16, 2013 at 4:17 AM

keren Gan Mantap Nie ??

Balas
Terima Kasih Sudah Berkomentar
Anonymous
June 16, 2013 at 12:56 PM

saya hanya berkunjung saja nih gan, http://www.jasaadsensejujur.blogspot.com

Balas
Terima Kasih Sudah Berkomentar
June 16, 2013 at 3:40 PM This comment has been removed by a blog administrator.
Terima Kasih Sudah Berkomentar
June 16, 2013 at 8:14 PM

sama2 gan :)

Balas
Terima Kasih Sudah Berkomentar
June 16, 2013 at 8:56 PM

ok sob..

Balas
Terima Kasih Sudah Berkomentar
June 16, 2013 at 9:01 PM

sama sama mas.. :)

Balas
Terima Kasih Sudah Berkomentar
June 16, 2013 at 9:02 PM

sama2 gan :-d

Balas
Terima Kasih Sudah Berkomentar
June 19, 2013 at 4:37 AM

wah...bagus nih carnya bang heheh..wajib d coba nih :D

Balas
Terima Kasih Sudah Berkomentar
June 27, 2013 at 1:12 AM

mantap gan udah diterapkan di blog Saya :D

Balas

Tolong berkomentar sesuai topik pembicaraan, dilarang spam dan jangan menaruh link aktif, terimakasih. Join This Site Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Silakan berkomentar dengan sopan