Saturday, November 1, 2014

Tutorial : Letak Tapak Iklan Bergerak

Assalamualaikum and peace be upon you. ^^



Assalamualaikum semua.Hari ni Wani nak buat tutorial letak iklan bergerak.First of all,Wani credit tutorial ini kepada kak Uzu a.k.a Emas Putih.Ok,let's do now! :D

Tutorial : Letak Tapak Iklan Bergerak

1.Dahshboard--->Layout--->Add A Gadget.

2.Pilih 'HTML/JAVASCRIPT'.

3.Copy dan paste code dibawah :

<center>
<div style="-moz-box-shadow: 0 0 5px 2px #ddd; -webkit-box-shadow: 0 0 1px 1px #ddd; background: url(Bakcground URL); border: 4px solid #66bbdd; padding: 2px; width: 450px;">
<div style="text-align: center;">
<marquee behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2">
<a href="Link banner"><img height="100" src="URL banner" width="100" /></a>
<a href="Link banner"><img src="URL banner" height="100" width="100" /></a>
<a href="Link banner"><img src="URL banner" height="100" width="110" /></a>
<a href="Link banner"><img src="URL banner" height="100" width="110" /></a>
<a href="Link banner"><img src="URL banner" height="100" width="110" /></a>
</marquee>

<center>

(<a href="Link Tempahan">Klik untuk tempah</a>)</center>
</div>
</div>
</center>


NOTE : Yang diwarnakan korang boleh tukar/adjust. :)

4.Siap!! :D

Selamat mencuba! ^^


3 Komen:

Nurulain Samsuddin said...

Wani, URL BANNER tu di mana kita nak dapat?

Noor Izwani Eliyana said...

@Nurulain Samsuddin

Tekan bahagian kanan mouse kat gambar dan tekan 'Copy Image
Location' atau 'Copy Image URL'.

mama 3farhanah said...

Terrornya wani bab-bab coding ni yer

 
© Copyright | All Right Reserved by Noor Izwani Eliyana.Template by Samiqa