Heyo. Tadi ada request dari Atika.
Dia tanya macam mana nak buat scrollbar macam saya untuk blogskins.
Okay, itu namanya scrollbar hover.
Jom start.
1. Dashboard > Template > Edit HTML
2. Search kod ni </style>
3. Copy kod kat bawah ni, then paste kan di ATAS kod </style> tadi.
::-webkit-scrollbar {
height:12px;
width: 12px;
background:#FF62B0;
}
::-webkit-scrollbar-thumb {
background-color: #ffff00;
-moz-border-radius: 0px;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
-moz-border-radius: 4px;
border-radius: 4px;
background:#FF62B0;
}
height:12px;
width: 12px;
background:#FF62B0;
}
::-webkit-scrollbar-thumb {
background-color: #ffff00;
-moz-border-radius: 0px;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
-moz-border-radius: 4px;
border-radius: 4px;
background:#FF62B0;
}
Nota kaki :
pink : warna background scrollbar
biru : warna scrollbar sebelum hover
purple : warna scrollbar selepas hover
Kod warna boleh cari di sini.
Kod untuk scrollbar tu saya dapat dari Farahin anda Ain Fadhilah :)
Kalau tak jadi, bagitahu yea?
Kbai.
6 comments:
wahh ! Jadilah . Tenkie~ :D
actually code tu saya puny lol
@Ain Fadhilah , yer eh? hoho, act saya jumpa kat blog farahin :) xpe xpe, saya credits :D
Thanks jadi
jadik lah , tank u :DD
Post a Comment