Entri kali ni, saya akan tunjukkan cara bagaimana nak tukar scroll bar yang biasa macam ni :
kepada yang cantik macam ni ha..
Scroll Bar Warna Pink . Comel kan ?
Sebelum anda buat tutorial ini ..
AMARAN KERAS !
Tutorial ini , hanya berfungsi kepada pengguna Google Chrome sahaja !
Segala-gala yg lain . Mozilla ke , Internet Explorer ke , tak kan menjadi ok?
Ok . Mari kita mulakan ^_^
1. Dashboard > Design > Edit Html > Tick Expand Widget Templates
2.Tekan Ctrl F serentak , cari kod ini :
]]></b:skin>
3. Dah jumpa ? Gud ! Copy kod ini pulak :
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #ff3399;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ffffff;
}
4. Paste kan kod itu DI ATAS kod ]]></b:skin>
Ok , sudah kan ? Jom kita adjust pulak ikut cita rasa korang ye=,=
* Warna Biru = background scroll bar
* Warna Pink = warna scroll bar anda
5. Kepada sesiapa nak ubah warna boleh cari kod DI SINI !
6. Dah siap , Preview dulu . Then , SAVE !
Selamat mencuba ^_^
Sumber tutorial : KLIK
3. Dah jumpa ? Gud ! Copy kod ini pulak :
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #ff3399;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ffffff;
}
4. Paste kan kod itu DI ATAS kod ]]></b:skin>
Ok , sudah kan ? Jom kita adjust pulak ikut cita rasa korang ye=,=
* Warna Biru = background scroll bar
* Warna Pink = warna scroll bar anda
5. Kepada sesiapa nak ubah warna boleh cari kod DI SINI !
6. Dah siap , Preview dulu . Then , SAVE !
Selamat mencuba ^_^
Sumber tutorial : KLIK
Tiada ulasan:
Catat Ulasan