Ahad, Mac 3

Mencantikkan Scroll Bar Blog.

Nak cantikkan scroll bar blog seperti yang ada kat dalam gambar tu :)

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:

Alyazaira-Mentarisenja © All Rights Reserved
Best View With Mozilla Firefox