Tutorial cantikkan Scroll Bar

selamat malam semua.. ada sorang budak nie kn dia ty hana
kenapa malam2 je hana buat tuto? 
jwpannya hana nie tak de mse nk buat waktu siang. 
~ngee

okie la. malam nie hujan. sedap nak lelap2 mata nie.
hana nk buat tuto ringkas je, ~simple dimple aja~ 

korang da bce kn tajuk tuto hana.
hana nk ajar korang cantikkan scroll bar. 

ala.. yang nie je pun ;) 
*klik tok jadik besar*

step2 dia cm nie je ;) sila perhatikan yerp 

1- Dashboard>Design>Edit html>Tick Expand Widget Templates

korang cari kod nie lak yer

]]></b:skin>
2- korang copy kod nie lak. 


 ::-webkit-scrollbar {height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
}
3- kod yang ke 2 tu korang paste ATAS kod no 1 ep. 


NotaKaki : 


Yang berwarna BIRU adalah untuk background scroll bar
Yang berwarna MERAH adalah untuk scroll bar


nak warna lain? sila ke sini :) warna pelangi 



p/s: bagi yang tak faham sila la komen2 kt bawah ye.
 insyallah hana akn jwb semua pertanyaan korang~ 


2 comments:

  1. ape mksud hanna "paste atas kod no 1"xphm laa..

    ReplyDelete
  2. @cutiey nacymksd hana, kod hana yg nier
    ::-webkit-scrollbar {height:12px;
    width: 12px;
    background: #D9D9D9;
    }
    ::-webkit-scrollbar-thumb {
    background-color: #F2F5A9;
    -moz-border-radius: 10px;
    border-radius: 10px;
    },
    ~ paste dekat ats kod nie ]]>. ..

    faham tak???

    ReplyDelete

hello bloggers!
hope you are enjoying visit my blog
you can ask anything to me~
^_^ hanna ^_^