Nak cantikkan scroll bar blog seperti yang ada kat dalam gambar tu :)
1. Dashboard > Design > Edit HTML
2. Tekan Ctrl + f dan cari code
4. Kalau nak letak image guna kod yang ni
5. Apa yang perlu ditukar :
Warna background scroll bar : #FF1493
Warna scroll bar : #BA55D3
URL Image : ABC
6. Preview, kalau menjadi silalah tekan SAVE!
** Tutorial ini hanya sesuai dengan penggunaan Google Chrome sahaja !
1. Dashboard > Design > Edit HTML
2. Tekan Ctrl + f dan cari code
]]></b:skin>3. Copy code dekat bawah ni
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #C83369;
}
::-webkit-scrollbar-thumb {
background-color: #BA55D3;
-moz-border-radius: 10px;
border-radius: 10px;
}
4. Kalau nak letak image guna kod yang ni
::-webkit-scrollbar { height:12px;
width: 12px;
background: #C83369;
}
::-webkit-scrollbar-thumb {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjCrKbaHrWC8JV3PKqLA8sc6BGDuuL9VM6LiDkLnH-rt_fdpg56Cv0rIaChatfeLxvlMU2EykgJiTPb2O-7spMa9w3Vp9sU2VJixG6JhO8Qsaa6MGfzBVnHO1PN7YH92yIsO_Iz1GbaFY/h120/Untitled.png); }
-moz-border-radius: 10px;
border-radius: 10px;
}
5. Apa yang perlu ditukar :
Warna background scroll bar : #FF1493
Warna scroll bar : #BA55D3
URL Image : ABC
Untuk pemilihan warna klik di bawah
6. Preview, kalau menjadi silalah tekan SAVE!
** Tutorial ini hanya sesuai dengan penggunaan Google Chrome sahaja !
Tiada ulasan:
Catat Ulasan