Tutorial Scrollbar part 3

 
Assalamualaikum gais.

Nampak tak gambar diatas? Kalau korang use GOOGLE CHROME, mesti nampak kan? :) So today, Kihah nak buat tutorial scrollbar tula. Kod ni Kiah dapat from blogskins sebenarnya. But, dah lupa link owner dia apa :/ Hurmm.

1. Dasboard > Design > Edit HTML
2. Search kod ini

/* Header

3. Jumpa? Bagus, sekarang copy kod ini dan pastekan di atas /* Header :D

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

NOTA.
*Berdasarkan gambar diatas*
Bold : Tengok anak panah hitam pada gambar di atas. TEKAN untuk tukar.
Kelabu : Border untuk anak panah atas tu. TEKAN untuk tukar.
Oren :  Tengok anak panah oren pada gambar di atas. TEKAN untuk tukar.
Hijau Terang : Tengok ank panh Hijau d gambar di atas. TEKAN untuk tukar.
Hijau Tua : Border untuk anak panah Hijau. TEKAN untuk tukar.

4. PREVIEW dulu baru save.

Paham tak? Paham tak? Kalau ada masalah, sila tanya di shoutbox atau FANPAGE atau TWITTER okay?