Showing posts with label Tutorial Kotak Iklan Bergerak-Gerak. Show all posts

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! :)