Tutorial : Kotak Iklan Bergerak-Gerak - Dayang Deno

11.8.13

Tutorial : Kotak Iklan Bergerak-Gerak

Haaa.... siapa nak letak iklan kat blog?

Kali ni deno nak share macam mana nak letak kotak iklan bergerak-gerak kat blog macam kat bawah ni ha... bila bergerak-gerak nampak menarik kan? :)



Okey senang je...

1. Dashboard > Add a gadget > HTML/Javascript

2. Korang copy kod kat bawah ni dan paste pada kotak HTML tu...

<center><div style='-moz-box-shadow: 0 0 5px 2px #ddd; -webkit-box-shadow: 0 0 1px 1px #ddd; background: url(Bakcgroundurl); border: 4px solid #fdcfde; padding: 2px; width:600px;'><div style='text-align: center;'><marquee behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2'>
<a href='link iklan'><img height='100' src='URL image' width='100'/>
<a href='link iklan'><img height='100' src='URL image' width='100'/>
<a href='link iklan'><img height='100' src='URL image' width='100'/>
<a href='link iklan'><img height='100' src='URL image' width='100'/>
<a href='link iklan'><img height='100' src='URL image' width='100'/>
</a>
</a></a></a></a></marquee><br/></div></div></center>

Hijau : Panjang keseluruhan kotak iklan
Merah :  letak link iklan atau banner
Biru : letak URL gambar iklan atau banner

*setiap kali nak tambah kotak iklan, tambahkan kod ini
<a href='link iklan'><img height='100' src='URL image' width='100'/>


p/s: selamat mencuba! :)




12 comments:

  1. comel ni.. nice tutorial ya deno..

    ReplyDelete
  2. Akak yang setiap kali nak tambah kotak iklan tu, letak kat mana bawah or ada kedudukan dia?

    ReplyDelete
  3. nice tuto deno. nti chuu cube jugak lah hehe. tq btw^^

    ReplyDelete
  4. Comel ! Nanti nak buat lah kat blog. :)

    ReplyDelete
  5. dpt buat.. tq.. tapi camne nak dpt url image ek? hehe.. x reti sangat..

    ReplyDelete
  6. godek2 entry lama akak...hani dtg sini

    ReplyDelete
  7. salam satu perkongsian yang baik,tq

    ReplyDelete
  8. salam dayang, tq.. sgt membantu wawa..:)

    ReplyDelete