Cara Nak Pasang Scroll Bar

Penulis : Nurul Fatihah Shahronizam Masa : 14:46 Komen : 4 Tag :

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!

A true muslimah : never forget that Islam, which encourages her to look attractive under the permitted limits, is also the religion that's warns her against extravagance ^_^

4 comments:

  1. macam mane nak buad scroll bar mcm kak fatih? tlg ajar.. thx :)

    ReplyDelete
  2. thankx.. menjadi~~ Yeayy~~ Selepas 30 jam try bermacam2 tuto nak buat scrollbar, akhirnya jadik jugak. Btw, thankx again :)

    ReplyDelete