TUTORIAL : Cute Scroll Bar Berwarna - .

Saturday, 15 September 2012

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

4 comments:

Unknown said...

terima kasih diatas tutor yang diberikan :)

Jaja Sutera said...

@muhammad asyraf

sama-sama.. ^_^ selamat mencuba !

✉ ¥ana Fauzi ✉ said...

wooowoottt ,dia ada tutor laaa <3 <3

Unknown said...

IKLAN LALU ~ PON PON PON

GA TERBANYAK DI DUNIA BLOGGING . JOM REBUT KAN HADIAH YANG AWESOME .
--> LOMO . DOMAIN . PELBAGAI VOUCHER . RM 30 cash . Topup . SHAWL . MANY MORE <--
http://yayalarhsecret.blogspot.com/p/awesome-ga-in-blog.html