Tutorial : Cute Scrollbar (Design Template & Classic Template)
Wednesday, 25 January 2012 | Wednesday, January 25, 2012 | 0 comments
Hari ni saya buat blog baru. Nak tahu ??? Tak payah :P lalala~ *oke gurau je. jangan kecil hati.
Saya nak ajar korang macam mana nak buat scrollbar cute macam saya.
yang saya arrow tu. okay ??
First, baca bismillah dulu.
Design Template
- Dashboard > Design > Edit html
- Tekan CTRL+F,cari salah satu daripada code di bawah ni.
/*Header
atau
]]></b:skin>
atau
a:hover {
atau
a:link {
- Jumpa tak ? Then, copy code bawah nie ye. Nak letak mana ? Korang letak di atas code yang korang cari tadi.
::-webkit-scrollbar {
width: 7px; height: 7px;
}
::-webkit-scrollbar-track-piece {
background: #58D3F7;border: 3px solid white;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#FF97BA;
border: 1px solid white;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 50px;
display:block;background:#FF97BA;
border: 3px solid white;border-bottom:0px solid white;
border-top:0px solid white;
}
NOTA
Classic Template
- Dashboard > Template
- Tekan CTRL+F , cari </style> .
- Copy code yang atas ni ye. Korang paste di atas </style>
Nota kaki : Try preview dulu. Kalau jadi boleh terus save. Kalau ade yang nak tanya , boleh tanya. Saya akan reply ASAP :))) K bye | Happy Blogging~
Welcome here!Best viewed in Google Chrome.Aww~ You look great today.Click the tabs below to explore my blog.Before leave, don't forget to leave a message. Thanks for visiting.
Annyeong Haseyo! Big smile for you! yes you're someone in front of monitor!
