Tutorial - Pasang Scroll Bar (Jenis 3)


Scrollbar mcm ni :


Yang ni, scroll bar mcm zaty =D ade hover .
cantek la jugak.. hihih , jom la pasang .

*kalau dh ade pasang scrollbar yg sebelum ni,
delete dulu code dia.. nnti tak jadi --'


1. Dashboard > Design > Edit HTML
*Tick Expand Widget Templates

2. Tekan CTRL+F dan masukkan code ni :

]]></b:skin>

3. Copy CODE kat bawah ni dan pastekan di
ATAS code yg korang cari tadi :
::-webkit-scrollbar {
height:14px;
width: 10px;
background: #FFFFFF ;
}
::-webkit-scrollbar-thumb {
background-color: #FFFFFF;
-moz-border-radius: 10px;
border: #FFFFFF 1px solid;
border-top: #000000 5px solid;
border-bottom: #FFFFFF 5px solid;
}
::-webkit-scrollbar-thumb:hover {
border: #000000 1px solid;
border-top: #FFFFFF 1px solid;
border-bottom: #000000 1px solid;
}


4. Tekan preview dulu, kalau jadi tekan SAVE

PERLU DIUBAH ::

PINK : warna background scrollbar
OREN : warna bahagian dlm scrollbar
MERAH : warna border sebelum cursor sentuh
BIRU : warna border selepas cursor sentuh

*Code warna cari di --> SINI


DAH PASANG KEN ? KOMEN LA . NAK TAU JUGAK.


Thank You sebab baca entry ni . Jangan lupa like dan komen .

2 comments:

✉ ¥ana Fauzi ✉ said...

Serius comel ! Hihihi , awk ajarlaa mcm mana chatbox awk duk kat hujung yg sentuh , ada chatbox keluar , saya suka !!:) Kalau taknak ajar takpa la , saya cari tutor kat blog org lain:)