TUTORIAL : CANTIKKAN SCROLL BAR

May 30, 2012


Tutorial kali nih cara nak cantikkan Scroll Bar.
Oke, macam blog Montela nih.


Before kita start Tutorial, Montela nak bagitahu nih, Scroll Bar nih hanya berfungsi dengan menggunakan Google Chrome je tau. Mozilla ke IE ke tak berfungsi oke.

1. Dashboard > Design > Edit HTML > Tick Expand Widget

2. Search kod ini dengan menggunakan Ctrl F
]]></b:skin>

3. Dah jumpa? Oke, now, Copy dan Paste kod kat bawah nih di ATAS kod yang uols cari tadi.
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
border: 1px solid #000000;
}
::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #000000;
}

4. Yang warna Merah tuh kod warna, boleh tukar di Sini.
5. Yang warna Biru tuh size scroll bar. Boleh tukar saiz jugak :)

Selamat Mencuba.

You Might Also Like

0 000, 000 Pengkomen

DISCLAIMER: Comments are welcomed. However, noted that, tasteless and insulting comments may be deleted. Any personal remarks and attacks may be deleted. The same holds true for off-topic comment. Any comments that reek of link spam or marketing messages will be deleted.

I am not responsible for the content in comments other than those made by me, or in blogs, or other online content that I may link to.</p>