TUTORIAL : Cute Scroll Bar Berwarna

Assalammualaikum

.

.

.

.

.

ehem ! ececehh..Jaja wat tuto la puleekk..ok..ape Cute Scroll Bar Berwarna tu ?

fuhhh~panjang plak title tuto nie !! 

Cute Scroll Bar Berwarna tu adalah seperti ini

v

v

v

v

v

yang arrow cam caceng kerawet tu ! yukkkss !

CLICK GAMBAR UNTUK TUMBESARAN

Okey ! jom buat sesama ~ 

Oppsss... 

TUTORIAL INI HANYA BERKESAN UNTUK PENGGUNA BROWSER GOOGLE CHROME SAHAJA

1. Click Dashboard --> Design --> Edit HTML --> Tick Expand Widget Templates

2. Tekan Ctrl dan F = Serentak , Cari code dibawah ni

]]></b:skin>

3. Copy code kat bawah ni pulak


::-webkit-scrollbar {
height:12px;
width: 10px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #ff3399;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #ffffff;
} 

4. Pastekan code yang korang copy ni di atas code ]]></b:skin> mula2 tadi 
5. Korang boleh adjust , ikot korang punye taste !

- Warna PINK : Warna Background Scroll Bar
- Warna PURPLE : Warna Scroll Bar 
- Warna BIRU : Warna Border Scrool Bar
- Size pon boleh diubah mengikut kesesuaian blog korang !

6. Dapatkan code warna di --> SINI
7. Pastikan di setiap code warna yang korang paste..ada simbol # didepan code warna itu
8. Settle ! Jangan lupa PREVIEW dulu ! Kalau jadi .. SAVE !
9. Jangan lupa bagitau Jaja..kalau ia-nya MENJADI !
10. SELAMAT MENCUBA




Kredit Dari Blog JAJA

---

TERIMA KASIH SUDI BACA DAN KOMEN

---