Tutorial : New Scroll Bar ( 2012 )

Gambar credit to : Amalina

Wei nampak tak ? Centu ah scroll bar-nya . Nak try ? Nak guna ? Ikut step betul2 :D

First , Click HERE dulu huahahah . Btw UNTUK GOOGLE CHROME USER SAHAJA  :) . 

1. Dashboard > Template > Edit HTML 2. Tekan CTRL+F/F3 & search code di bawah .

 /* Header

ATAU

]]></b:skin>

ATAU 

a:hover {

ATAU

a:link { 

3. Jumpa ? Then , copy code dekat bawah & paste dekat ATAS code yang korang cari tadi .

::-webkit-scrollbar {
width:15px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:10px;
width:10px;
display:block;
background:#CFD0CD;
border:1px solid #000000;
}
::-webkit-scrollbar-track-piece  {
background-color:#FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#CFD0CD;
border:1px solid #000000;

} 

Nota

Nuha : Korang boleh ubah . Takut tak sesuai dengan blog korang .

Nuha : Warna-warna untuk scroll bar & backgroundnya

Nuha : Ketebalan border

Nuha : Boleh tukar ke SOLID / DOTTED / DASHED

 Nak cari warna ? CLICK HERE