Better a cruel truth than a comfortable delusion ...
Home Anime / e-Story Story Santai Tutorials All bout d Braces Relationship

Monday, March 4, 2013

Cantikkan scroll bar



step 1 :
Dashboard > Template > Edit html > Tick Expand Widget Templates

step 2 :
untuk memudahkan kerja korg, taip CTRL+F...
then, akan keluar kotak...isikan dalam kotak tu code bawah nie...
]]></b:skin>

step 3 :
Copy code kat bawah ni pastu letakkan sebelum code dalam step 1
::-webkit-scrollbar {
height: 06px;
width: 06px;
background: #FCDFFF;
}
::-webkit-scrollbar-thumb {
background-color:#F6358A ;
-moz-border-radius: 10px;
border-radius: 10px;
}

Preview dulu n check daa jadi ke blum?? klu dah..baru SAVE.... =)

NOTE :
*Yang berwarna #FCDFFF --> kod warna untuk background scroll bar..
*Yang berwarna #F6358A --> kod warna untuk scroll bar..

done.. =)
ehh, ape? xsuka purple...? owhh..nak tukAR...
boleh saje....cari kod warna baru di SINI....
bereh? hehe

AND korang boleh tukar tahap kelebaran scroll bar korg..
just tukar saiz pada TULISAN HIJAU tu ye...
preview..
kalau daa cun, baru save tau... =)

6 comments:

Unknown said...

thans awk..mjadi..klau nak buat scrollbar yg bcorak cam awk cmne plak?

MS said...

@siti hajar http://editblogcomel.blogspot.com/2014/01/tutorial-scrollbar-yang-comel.html ... klau dah wat sebelum ny, just delete kod yang sebelum ny...n gantikan dengan yang baru ny... =)

Unknown said...

ok..tq..lg 1..awk thu x nk bt footer tu cmne?klau ad mse bt tuto yg tu bleh x?hee

MS said...

@siti hajar heee..in sha Allah... =)

Nurshahira said...

Terima kasih...dah jadi ^_^

Miss Q said...

Tak jd laa :(

Related Posts Plugin for WordPress, Blogger...