Membuat Widget Random Iklan 125X125

Senang rasanya kalau bisa online trus kembali berbagi ilmu buat sobat - sobat setia CATATAN HARIANKU yang selama ini masih setia.

Kali ini kita masih berbicara masalah membuat widget dan kali ini target widget kita adalah membuat Widget Random Iklan 125x125 yang penempatannya terserah sobat mau dimana aja asalkan disesuaikan dengan lebar kolom supaya iklan yang ditampilkan tidak berantakan.

Kalau kebanyakan cara membuat kolom iklan yang ada dikolom kiri maupun kanan dengan mengutak - atik kode HTML template, namun kali ini kita membahas dengan cara praktisnya saja yakni dengan hanya menambahkan widget kita sudah dapat menyisipkan iklan yang kita kehendaki.

Daripada kepanjangan ngelanturnya, mendingan kita langsung saja :

Masuk ke Blogger sobat --> Desain
Pilih HTML/JavaScript widget
Copy Paste kode 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 BANNER’S 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 BANNER’S 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 BANNER’S 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 BANNER’S 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 BANNER’S 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 BANNER’S 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 BANNER’S 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 BANNER’S 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>
</tbody></table>
<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody>
      <tr>
       <td><center><a href="http://suriyadi.blogspot.com" rel="nofollow"><img width="265" height="37" border="0" alt="Advertise Now!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZvLQpoYyLnnOZBiS1NwRjbHH6CT86hchvzgDUFqvkN9-e3CaaCWdiXpC-0SZAnzkMiQlJ6W7qNEgfQVqmEMz7A_3_0-l3lohxrx3LvBP032jD4TEb7-ZXJTIPRE7R2w2bXKwS91eQwOhA/s1600/fd.gif" /></a></center></td>
      </tr>
    </tbody></table>
<td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">
<p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#000;" href="http://suriyadi.blogspot.com/2012/09/membuat-widget-random-iklan-125x125.html" target="_blank">Get This Widgets</a></p>
    </td>
</div>

Catatan :
URL OF ADVERTISER ganti dengan URL/LINK website sumber iklan
URL OF BANNER'S IMAGE-1 dan IMAGE-2 ganti dengan Gambar Iklan
AD DESCRIPTION ganti dengan keterangan iklan
width='265" adalah lebar kolom keseluruhan, silahkan ganti sesuai kebutuhan

Setelah melakukan perubahan yang sobat kehendaki, SIMPAN/SAVE widget tersebut dan lihatlah hasilnya.

Semoga bisa bermanfaat, dan kalau kesulitan silahkan tinggalkan pesan di kotak komentar dibawah ini.