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
thnks tutonya..rajin nya
ReplyDeletehehe...saje jer nak share
Delete