© Dirah

Tutorial : Cantikkan Scroll Bar
Posted on 15 Oct 2011 at 04:18.

Assalamualaikum and hi peeps//



Macam mana nak buat kat atas tu? Follow step kat bawah nie (Hanya untuk pengguna Google Chrome sahaja )

01. dashboard > design >  edit HTML > tick expand widget

02. cari code ]]></b:skin>

03. copy code kat bawah ni, 

::-webkit-scrollbar { height:12px; width: 12px; background: #FFCCFF; } ::-webkit-scrollbar-thumb {background-color: #F2F5A9; -moz-border-radius: 10px; border-radius: 10px; }


04. Pastekan sebelum code ]]></b:skin>


05.pink - background scroll bar     merah - warna yang scroll tu


06. Kalau nak letak gambar, copy code kat bawah ni dan gantikan dengan tulisan merah tu


background-image:url(URL BACKGROUND); 


07. kalau nak letak border, copy code kat bawah ni dan paste selepas border-radius tu :


border: 1px solid #000000


08. save dan lihat hasilnya