Tutorial : Cara Nak Pasang Scroll Bar

Tutorial kali ini ialah tutorial membuat scroll bar. Fungsi ni sebenarnya bagus kalau korang mahu menjimatkan ruang @ space dalam blog. Dekat widget yg terletak di sidebar juga takkan berserabut dan akan nampak lebih kemas. 

kat tepi sblh kanan adalah contoh scrollbar

scroll bar pada widget

Ikot step nie utk buat scrollbor  

Step 1 : Klik > Dashboard > Design > Edit Html > Tick Expand Widget Templates

Step 2 : Tekan Ctrl + F serentak , cari kod ini...

]]></b:skin>

Step 3 : Kalau da jumpa, copy code kat bawah nie pulak dan paste ATAS code ]]></b:skin>

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

* Warna Pink : warna background scroll bar
* Warna Biru : warna scroll bar 

Code warna oleh cari kat SINI

Step 4 : Preview dulu..kalau da menjadi boleh la save yea...!
Jangan luper tinggal comment yea...

Selamat Mencuba!