Thursday 25 April 2013

TUTORIAL : CHANGE YOUR SCROLLBAR


For today, aniz nk kongsi tutorial berkenaan scrollbar dengan korang semua. Tutorial ini membuat blog korang jadi kemas dan cantik. Tahu tak apa benda Scrollbar tu? Alah, benda alah yang mengawal turun naik blog korang tu lah. Kalau korang semua nak tutorial ini, meh follow tutorial ini..:)

1. Template > Edit HTML > Proceed.

2. Tekan Ctrl F serentak dan cari kod ini :
    [Kalau tak jadi, korang try satu-satu code ni ye]

/* Header
ATAU
]]></b:skin>
ATAU
a:hover {
ATAU
a:link {

3. Ada jumpa tak ? Kalau ada jumpa bagus ! Copy kod ni pula :

::-webkit-scrollbar {

height:12px;

width: 12px;

background: #000000;

}

::-webkit-scrollbar-thumb {

background-color: #FFFFFF;
-moz-border-radius: 10px;
border-radius: 10px;
}
4. Paste code ni kat ATAS code kat step number 2.

5. Kalau dah menjadi tu, SAVE! :D

*Kalau korang nak yang bergambar, tukar code ni :background-color: #000000; kepada yang code kat bawah ni.

background: url(URL GAMBAR)

ABC : Boleh ubah kalau nak scrollbar besar.
ABC : Warna background scrollbar.
ABC : Warna scrollbar.
Nak cari warna CLICK HERE.
Fully Design By Cik Aniz | For CIKANIZ 2013 ©| Best View: Google Chrome