Monday 8 September 2014

Tutorial : Tukar Scrollbar

Hai :)
Sekarang ni , tengah hot scrollbar lawo2 gitu tu . Cane nak buat ? Meh-meh ikut tuto ni . Sebelum tu . TUTORIAL NI WORKING UNTUK GOOGLE CHROME USER SAHAJA :)

1. Dashboard > Template > Edit HTML 
2. Tekan CTRL F/F3 , cari kod ni .

/* Header
ATAU
]]></b:skin>
ATAU
a:hover {
ATAU 
a:link { 
3. Kalau jumpa , copy code di bawah then paste dekat ATAS code tadi .

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #000000;
}
::-webkit-scrollbar-thumb {
background-color: #FFFFFF;
-moz-border-radius: 10px;
border-radius: 10px;
}
4. Preview dulu , kalau takde error . Boleh Save :)

:-* Kalau nak scrollbar bergambar , boleh tukar code  background-color: #000000;  kepada code kat bawah .
background: url(URL GAMBAR); 

 Nota
Nuha : Boleh ubah kalau nak scrollbar tu besar lagi atau kecik lagi .
Nuha : Warna background scrollbar
Nuha : Warna scrollbar

Kalau nak cari warna-warna , boleh pergi SINI .