Tutorial Cantikkan Scrollbar

ok tuto kali ni atas permintaan adik lyana.korang nak juga cantikkan scrollbartak tahu apa tu scrollbarcontoh macam nina punya. yang dekat tepi sekali. ha yang macam gambar bawah ni. meh try ok..

untuk pengguna CLASSIC TEMPLATE/BLOGSKIN

1. dashboard --> template--> edit HTML

2. tekan CTRL+F untuk search code </style>

3. jumpa? ok lepas tu korang copy code dekat bawah ni dan pastekan dekat ATAS code </style>


4. preview & save!

untuk pengguna TEMPLATE LAIN

dashboarddesignedit htmltick expand widget

tekan ctrl+F untuk cari code ni ]]></b:skin>

then, copy code di bawah ni dan pastekan code dekat ATAS ]]></b:skin>

 dah siap preview la dulu dan save..

::-webkit-scrollbar {

height: 12px;

width: 12px;

background: #FFFFFF;

}

::-webkit-scrollbar-thumb {

background-colour: #FF6699;

-moz-border-radius: 10px;

border-radius: 10px;

}

warna biru = background colour bolehlah pilih ikut citarasa anda. klik SINI..

yang atas tu untuk warna yang dalam scroll & yang bawah tu untuk luar scroll..

warna merah = siapa yang nak pic macam yang nina punya ni korang kena tukar dengan code ni

background-image:url(URL IMG);