Cara mengubah Scrollbar
Hi! sekarang aku bakal ngasih tau gimana caranya buat ganti Scrollbar di blogspot.
Introduction: Apa sih Scrollbar itu? Scrollbar itu adalah.. nih liat gambar nih yah.. dan, aku bakal bikin scrollbar yg biasa, menjadi seperti yg di gambar ini :) Selamat Mencobaa!
Step 1.
Log in > Design > Edit HTML. #Jangan lupa buat tick "Expand Widget Templates".
Step 2.
Klik Ctrl + F, terus ketik /* Header, klik [Enter]
Step 3.
Copy kode di bawah ini, dan paste di atas kode /* Header tadi.
::-webkit-scrollbar {height:10px;width: 10px;background: #FFFFFF;}::-webkit-scrollbar-thumb {background: #FDC0C0;-moz-border-radius: 5px;border-radius: 5px;}::-webkit-scrollbar:hover {background: #FFFFFF;}::-webkit-scrollbar-thumb:hover {filter:alpha(opacity= 70);-moz-opacity:0.70;opacity:0.70;background: #cec7ab;}
Yang dii Highlight itu kode warnanya. kalo mau nge-chek kode warna, lihat disini! >KLIK<
P.S : kalo nggak ngerti, bisa komen aja yah :)
Cara mengubah Scrollbar
Hi! sekarang aku bakal ngasih tau gimana caranya buat ganti Scrollbar di blogspot.
Introduction: Apa sih Scrollbar itu? Scrollbar itu adalah.. nih liat gambar nih yah.. dan, aku bakal bikin scrollbar yg biasa, menjadi seperti yg di gambar ini :) Selamat Mencobaa!
Step 1.
Log in > Design > Edit HTML. #Jangan lupa buat tick "Expand Widget Templates".
Step 2.
Klik Ctrl + F, terus ketik /* Header, klik [Enter]
Step 3.
Copy kode di bawah ini, dan paste di atas kode /* Header tadi.
::-webkit-scrollbar {height:10px;width: 10px;background: #FFFFFF;}::-webkit-scrollbar-thumb {background: #FDC0C0;-moz-border-radius: 5px;border-radius: 5px;}::-webkit-scrollbar:hover {background: #FFFFFF;}::-webkit-scrollbar-thumb:hover {filter:alpha(opacity= 70);-moz-opacity:0.70;opacity:0.70;background: #cec7ab;}
Yang dii Highlight itu kode warnanya. kalo mau nge-chek kode warna, lihat disini! >KLIK<
P.S : kalo nggak ngerti, bisa komen aja yah :)