PhotobucketPhotobucketPhotobucket

Monday, December 6, 2010

TuToRiaL Widget BerGeRak/KoTaK BloGRoLL

sebelum fy start buat tutorial ni, fy nak ucapkan selamat menyambut tahun baru 1432H kepada semua kawan2 y beragama islam..marila kite mendoakn agar tahun baru ini lebih baek dari tahun y sudah..amin..

ok, berkenan tutorial ni, fy telah diminta oleh seorang teman blogger cara2 untuk buat widget y boleh gerak2 2..contohnye boleh tengok dekat sidebar kanan, bahagian GiVeAwaY & CoNteSt..nampakkn ada kotak y gerak2 2? haa, itula dia tutorial kita hari ni..

1. Dashboard-> Design -> Add a Widget -> HTML/Javascript
2. lepas 2 paste coding kat bawah ni
<marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="4" onmouseout="this.start()" height="250" align="center">

-letakkan code banner dekat sini-

</marquee></center>
marquee direction="up" : arah pergerakan banner..nak ke bawah atau ke atas
width="200" : lebar kotak marque y korg nak..
scrollamount="4" : kelajuan pergerakan..lagi besar nilai lagi laju..
height="250" : tinggi kotak marque y korang nak..

contoh code banner:

<a target="_blank" href="blog url"><img border="0" width="175" height="175" src="banner url" /></a>

blog url : paste blog url cth; http://www.cheqppjoy.com/
banner url : paste banner url cth; http://i87.photobucket.com/albums/k140/red_pimpernel05/CheQpPJoY-1.jpg

lepas 2 boleh la save..boleh la godek2 blog korang sekarang ye..good luck.. =]

14 comments :

  1. waaahhh...excitednyer fiqah..thanx ehh..dh lame fiqah cari nie...(^_^) suker3..! thanx...

    ReplyDelete
  2. wahh! tapi still tak bape nak paham g.. takap2 ceq try godek lagi.. ceq pon ngah dlm renovation blog ceq nih.. dah mcm pa da blog ceq..huhu

    ReplyDelete
  3. berbalas singgah n polo...

    salam maal hijrah juga..

    btw..tutorial yg menarik..nk try la...
    :P

    ReplyDelete
  4. thx wat tutorial nie ye akk..
    =) nti nak wat la..

    ReplyDelete
  5. aiyaak,xpaham la...banner url yg mana ek?biasanya kan kita save image tu je..

    ReplyDelete
  6. yes! yes! jadi dah.. jz buat banner khas utk follower jz :).. walau fy bukan follwer jz, utk mghargai fy, jz letak banner fy sbagai yg ptama mrasmikan blog roll banner tu. thank ya! suke ni :)

    ReplyDelete
  7. hari ni baru DeQdEq sempat tengok tutorial nih...tima kasih banyak sbb tolong jawabkan soalan DeQdEq yer....nanti nak cuba terus buat...

    ReplyDelete
  8. percubaan pertama berjaya...lepas nih nak edit2 plak...tima kasih sangat2....

    ReplyDelete

DoNT 4Get To DrOp Me A cOmMent b4 u LeaVe..
tQ.. =)