Follow CikAkie

Terima kasih kerana sudi lawat blog Cik Akie. Alang2 dah ke sini,Follow & like blog Akie dan tinggalkan jejak ya!

Thursday 9 January 2014

Tutorial banner iklan bergerak

Assalamualaikum
hari ni Akie nak kongsikan tutorial
kotak banner iklan bergerak macam blog Akie
Sebenarnya dah lama tak buat tutorial
tak pe yang rasuk rajin pulak nak bertutorial ni

Okeh, sekarang ikut jer step mudah ni tau

1.) Dashboard-->Layout-->Add Gadget -->Html
2.) Copy dan paste code dibawah ke ruangan Html tadi
(tekan Ctrl+c untuk copy ye)
<center><center><div style=' background: #fff; border: 2px solid #fc0c92; padding: 2px; width: 710px;'><div style='text-align: center;'><marquee behavior='alternate' direction='right' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'> <a href="LINK"><img src="URL IMAGEg" alt="" width="125" height="125" /></a> </marquee></div></div> </center></center>

2.) Edit code diatas ikut apa yang awak nak dan sila rujuk bawah

 2px : Tebal garisan/border
#fc0c92 : kaler garisan/border kat tepi tu
LINK : Link yang nak korang direct tu
URL IMAGE : Url gambar banner
125 : height x weight (pjg lebar banner)

3.)untuk letak lebih banner guna code ni pula

<center><center><div style="background: #fff; border: 2px solid #fc0c92; padding: 2px; width: 700px;"><div style="text-align: center;"><marquee behavior="alternate" direction="right" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3"><br /><a href="LINK"><img alt="" height="130" src="URL IMAGE" width="130" /></a><a href="LINK"><img alt="" height="130" src="URL IMAGE" width="130" /></a><a href="LINK"><img alt="" height="130" src="URL IMAGE" width="130" /></a><a href="LINK"><img alt="" height="130" src="URL IMAGE" width="130" /></a></marquee></div></div><br /> </center></center><br /><br /><br /><br /><br />

 2px : Tebal garisan/border
#fc0c92 : kaler garisan/border kat tepi tu
LINK : Link yang nak korang direct tu
URL IMAGE : Url gambar banner
125 : height x weight (panjang lebar banner)

4.) Dan SAVE

Selamat mencuba

Salam UKHUWAH dari Cik Akie

2 comments: