Tutorial Scrollbar Blog

بسم الله الرحمن الرحيم

Assalamualaikum

Hari tu ada orang tanya saya macam mana nak ubah scroll kat tepi blog tu..yang macam gambar kat atas ni. Ok, sekarang saya tunjukkan eh..

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 >TEKAN<

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 

 والسلام

---

Syukran kerana sudi membaca..boleh Like dan Share entri ini

---