Tutorial Cara Buat Random Ads Banner

Tutorial kali nie, ku nak berkongsi 'Cara Buat Random Ads Banner'. Dengan nie korang senang letak iklan Churp Churp atau kawasan jual iklan diblog.

Mudah sahaja apa yang penting ikut step tanpa tinggal 1 pun.

Langkah - Langkah :

1. Pergi ke Design > Add a Gadget
2. Pilih HTML/JavaScript Widget
3. Kemudian Paste kod dibawah ini

<div align="center">
<table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody><tr>
<td><center>

<!-- BANNER#1 -->

<script language="JavaScript">
images = new Array(2);

images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNERS IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNERS IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
<td><center>

<!-- BANNER#2 -->

<script language="JavaScript">
images = new Array(2);

images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNERS IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNERS IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
</tr>
<tr>
<td><center>

<!-- BANNER#3 -->

<script language="JavaScript">
images = new Array(2);

images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNERS IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNERS IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
<td><center>

<!-- BANNER#4 -->

<script language="JavaScript">
images = new Array(2);

images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNERS IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNERS IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</td></center>
</tr>
</tbody></table>
</div>

Note:

1. Gantikan URL OF ADVERTISER dengan link website iklan yang anda pilih.
2. Gantikan URL OF BANNER’S IMAGE-1 dan URL OF BANNER’S IMAGE-2 dengan link gambar iklan.
3. Gantikan AD DESCRIPTION dengan maklumat berkaitan iklan. Maklumat ini akan terpapar apabila mouse berada di atas gambar.
4. Sesuaikan jarak kotak iklan dengan mengubah width="265".
5. Saiz banner juga boleh disesuaikan dengan mengubah height='125' width='125'.

Selamat Mencube...


Creadit