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

2 comments:

Apple said...

sesuai tuk blogger2 yang sukakan elemen cantik. lagi ble pilih warna. lol.

MsChumiyl Roqayah said...

Comel style ni. Jadi thanks.