Tips Merubah Scroll Bar Di Blog Dengan Mudah Dan Cepat_Asslamualaikum wr.wb kawan2 semua,selamat pgi, kali ini
saya akan membagi tips sedikit tentang bagaimana mengganti scroll Bar, Tidak hanya tampilan blog yang kita bisa
modifikasi melalui kode HTML template kita, namun warna scroll bar dari media
browser yang kita gunakan pun bisa kita modifikasi warnanya, dari warna standar
ke warna yang kita sukai. Kode untuk merubah warna Scroll Bar adalah kode CSS
(Cascading Style Sheets).
Sebelum Anda menerapkan tutorial ini, sebaiknya Anda
menggunakan media browser (Firefox, Chrome, internet Explorer) yang terupdate
karena tutorial ini tidak bekerja dengan baik pada media browser yang lawas.oke
langsung aja kawan kawan,.. semoga bermanfaat ea,..hehehhe
Cara
Memodifikasi Warna Scroll Bar
v
Masuk dulu ke Dashboard blogger kawan kawan
v
Klik Template dan Edit HTML
v
Cari kode ]]></b:skin>
v
Setelah menemukan kode ]]></b:skin>
letakkan kode berikut diatasnya :
/*
tutorialblogspot.com scrollbar effect */
::-webkit-scrollbar
{
width:14px;
height:8px;
}
::-webkit-scrollbar-track
{
-webkit-box-shadow:
inset 0 0 4px rgba(0,0,0,0.3);
background:#eee;
}
::-webkit-scrollbar-thumb
{
background:
rgba(28,119,229,0.7);
-webkit-box-shadow:
inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive
{
background:
rgba(116,188,99,0.5);
v
Terakhir Simpan template kawan.
Catatan penting :
ü
Ganti #eee dengan
kode warna yang Anda inginkan. Untuk melihat kode warna, klik disini.
ü
untuk mengganti lebar Scroll Bar, rubah angka berikut 14px dan 8px
oke mungkin itu untuk pagi ini dan sampai ketemu lgi di
tutorial berikutnya,.. wasalam