[Tutorial] Macam Mana Nak Tukar ScrollBar Korang?

By Mysara Newrie - Wednesday, November 02, 2011




Assalamualaikum

Aku nak buat tutor baru. Kebetulan budak comel ni mintak so aku pun buat je lah :)


Macam mana nak tukar scroll bar korang kepada yang lebih menarik iaitu ada warna-warni, lepas tu tak ada dah yang lama tu? HAHA :D BTW Credit to Amalina Land! :D

Haaa tengok? Scrollbar aku dah tak macam biasa dah. Dah jadi warna kelabu dengan pink, ikut tema blog aku nie. HAHA :D Senang je nk buat nie :)


  • Dashboard > Design > Edit HTML
  • Tekan ctrl + f3 dan cari code nie
/* Header
  • Copy paste code bawah ni dan pastekan SEBELUM code yang korang cari tadi
::-webkit-scrollbar {
height:12px;
width: 12px;
background: CODE WARNA UNTUK BACKGROUND SCROLLBAR KORANG;
}
::-webkit-scrollbar-thumb {
background-color: CODE WARNA UNTUK SCROLLBAR KORANG;
-moz-border-radius: 10px;
border-radius: 10px;
}
  • Try preview dulu sebelum save. Jadi ke tak?
  • Kalau tak jadi, paste code kat atas ni SEBELUM salah satu code di bawah nie
]]></b:skin>
a:hover {
a:link {

  • Preview dulu, tengok mana yang jadi, korang save je lah ! :D Senang je kan? Hehe :)

Nak cari code warna, boleh klik SINI. Gantikan dengan code warna yang korang nak ok?



HANYA UNTUK PENGGUNA GOOGLE CHROME SAHAJA!

  • Share:

You Might Also Like

5 comments