Tutorial Scrollbar Blog

hai peeps!lama x buat tutorial.huhuhuhu.....

hari nie aina nak ajar JENG JENG! Scrollbar Blog!!!

menatang ape tue aina? ala.....yang nie nie nie....

nampak cantik kan>?....hehehee puji diri sendiri punye....ok la jum TUTOR!

1. Design-> Edit HTML-> Klik expand widget template

2. Cari kod ni tekan ctrl+f

  ]]></b:skin>

3. Copy pulak kod ni dan letakkan di atas kod tadi

::-webkit-scrollbar {
height:14px;
width: 14px;
background: KOD WARNA;
}
::-webkit-scrollbar-thumb {
background-color: KOD WARNA;
-moz-border-radius: 10px;
border-radius: 10px;
}

KOD WARNA yang pertama tu adalah background scroll

KOD WARNA yang kedua ialah warna scroll tu.

Kalau nak kod warna..cari kat sini >KLIK!<

Height dan weight tu pun boleh diubah-ubah ikut kesesuaian

4. Kalau nak ubah background daripada warna kepada gambar, tukarkan kod background jadi macam ni

background: url(URL GAMBAR);

URL GAMBAR ni pula kawan-kawan boleh cari gambar dan upload di photobucket. Ambil direct link. Tak pun, ambil je la url gambar ape-ape pun yang kawan-kawan suka. 

5. Klik preview dulu..kalau jadi, tekan save.

Selamat Mencuba 

Tweet