10 June 2011

Tutorial : Cantikkan Scroll Bar


tutorial untuk harinih scroll bar . diminta oleh kak mirara . nak tengok contoh , tengok atas nih yea . picture tu.
p/ : hanya untuk pengguna yang ada GOOGLE CHROME


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

2. cari code nih :
]]></b:skin>
3. copy code nih :
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
}
4. paste sebelum code nih ]]></b:skin>

5. merah - background scroll bar
    hijau - warna yang scroll tu

6. kalau nak letak gambar , copy code nih gantikan dengan yang tulisan hijau tu
background-image:url(URL BACKGROUND);
 7. nak letak border pon boleh , copy code nih paste selepas border-radius tu
border: 1px solid #000000;
krdt : nazihah 


60 ✿:

Manisan.Hidup said...

thx ya.. cantik sgt.. XD

Anonymous said...

thanks for this tuto :)

Anonymous said...

nanti kite try ! :) thanks !

Nurhafizah said...

@aneyda wlcm :)

Nurhafizah said...

@Nur Ikhma wlcm :)

Nurhafizah said...

@S A Y A try la :D . wlcm ^^

Someone said...

napa saya buat tak boleh ??? :(

olla said...

jenjalan cni..dapat tuto nih..thanx..da jadik..hehe =)

Nurhafizah said...

@missunguviolet gune google chrome ?

Nurhafizah said...

@nur faTihaH hAfiZha wlcm :)

Hana said...

x jdi pon .. da gne google chrome

Nurhafizah said...

@only-hana ltk tak code tu ?

RaiiHana said...

maceh kak! tuto ini MEMANG OHHSEMMM!

Nurhafizah said...

@Raii Nana wlcm :)

Hana said...

@Nurhafizah p i j a
da letak

Pretty Namu said...

knp tak jadi ? O.o Dah gune Google Chrome

Nurhafizah said...

@only-hana try buat sekali lg . ltk dkt tmpt yg betul .

Nurhafizah said...

@KA ♡ jmpk x code yg kena cari tu ?

Unknown said...

xjd. . . :( da 2x wat.

Nurhafizah said...

@sangat setia try letak code tu selepas code yg kena cri tu ]]>

Pretty Namu said...

Sudah , Kite dah ikut step dea . Bile save dea tak jadi .

Nurhafizah said...

@KA ♡ em , ble tak save jd eh ?

Anonymous said...

xbole pun :'(

Wani Ahmad said...

Terima kasih :'D

Eyka Aikha said...

@Nurhafizah p i j a
nape tak bole..

Nurhafizah said...

@Eyka Aikha ikot tuto btol2 .

Nurhafizah said...

@Wani Ahmad sama2 [=

Naza Mustafa said...

THANKS..
JADI LAH

Eyka Aikha said...

@Nurhafizah Mohd Noorxleh pon lah.. dah 4 kali buat tp xdapat.. :(

Nurhafizah said...

@Eyka Aikha try letak selepas ] ] > < / b : s k i n >

Zulaikha Amira said...

Suka suka suka :DDD Thanks kak :)

Nurhafizah said...

@Zulaikha Amira wlcm ^^

atyn nayn said...

jadi! :) thanks 4 dis tuto k ^^

DFTBA. said...

nak try buat pasni :)

qahfisya farsya said...

ta mnjdy pon :(

Nurhafizah said...

@ami syafiqah try btol2 .

✿ Yeng ✿ said...

thanks akak ! menjadi . cute sngt ! love u akak !

Anonymous said...

Thanks ! Daa jadi .

Boboi Boy said...

akak..Kt atas code ]]> ada tnda } ..cm mna ?? nk ltk kod akk bg 2 kt mna?? tlg2

Junho's waifuuuuu said...

menjadi lha ! tengkiuu

Abang Blog said...

ahhhh THANK YOU sgt2.. dh bertahun teringin nk scroll mcm ni! sayang awk! :D

Nur Asyikin IV said...

Tak jadik pun --'
gune GOOGLE CHROME lew ni --'

Anonymous said...

klau guna template denim mmg tak boley ke ? npe tak boley buad ?

Noor Najwa bt San Sudin said...

comel sgt ! thanks

Noona Saranghae said...

thank yew .. tuto awk wat sya fhm ...

Puteri Nurina said...

Guna tuto nih . Thanks a lot :DD

fatimah said...

thanks kak!

Ilya Maisara Bt Shahru-Al Aziza said...

kak .. sye x phm la .. susah nyerr .. plizz la ajar ..

Luruns said...

tak jadi . tak jadi . wuuu :( gune chrome neh

Miss Wendy said...
This comment has been removed by the author.
❤SenrOse's Storys ❤ said...

tq yer tut0rial nyer .. dh jdy . . :)

Unknown said...

thanks 2 the tuto.. dah jadik dah.. :)

Dura said...

yeay \^^/ dah jadik!! :) thanks

Unknown said...

thank.... cantik sangat

Unknown said...

thank u.. realy helpful. :)

Unknown said...

thanks akak :) comel sangat

Anonymous said...

thanks kak :) akak bnyak bantu saya :)

meow kiki said...

thanks tuto..menjadi :)

Aida said...

]]>
kak.. kalo yg part no dua tuh.. stil ta phm lha..

Anonymous said...

tq,menjadilah..cuma background scrollbar je yg colourbputih..tapi x pe cantik...tqvm