Menambahkan Widget Random Banner pada Sidebar Blog

Pada kesempatan ini, Kang Wira akan memberikan tutorial Cara Menambahkan Widget Random Banner Pada Sidebar Blog, artikel kali ini hanya melanjutkan artikel sebelumnya yang membahas Cara Memasang Widget Iklan Mandiri.

Penjelasan Tentang Iklan Mandiri, bisa kamu baca pada artikel sebelumnya yah, atau kamu bisa lakukan pencarian pada kolom yang sudah disediakan diatas.

Widget Random Banner ini berukuran 125x125 pixel yang menampung 4 banner sekaligus menjadi 1 widget.

Karena systemnya menampilkan banner secara acak, jadi Random Banner ini bekerja dengan system Refresh Halaman.

Dengan system ini, kamu sudah bisa memasang 2 banner sampai 8 banner hanya dari 1 widget saja. Menariknya, banner ini banyak digunakan menjadi Iklan Mandiri yang dimanfaatkan blogger untuk mendapatkan uang.

Kamu Bisa lihat sample widgetnya pada tombol demo dibawah ini. lakukan Refresh lalu lihat hasilnya. Banner yang tampil akan berubah setiap kali visitor membuka halaman berisi widget tersebut.

D E M O

Tertarik Memasang Widget Banner ini?

Pada paragraf selanjutnya, saya sudah menyisipkan script HTML yang bisa kamu salin kedalam widget blog.

Script Random Banner ini ramah dengan Performa template apa saja yang kamu gunakan.

Script ini jg sudah Responsive, jadi kamu bisa menampilkan script Random Banner ini dengan leluasa.

<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> 
</tr> 
</tbody></table><p></p>
<button type="button" class="btn btn-danger btn-lg btn-block" href="URL OF ADVERTISER" target="_blank" rel="nofollow">ADVERTISER HERE</button>
</div>

Kamu bisa perhatikan pada kode HTML diatas ada beberapa bagian yang perlu kamu rubah. Silahkan kamu rubah sesuai kebutuhan.

Setelah kamu rubah sesuai keperluan, kamu bisa simpan dan lihat hasilnya pada halaman blog kamu.

Cukup Menarik Bukan Artikel Cara Menambahkan Widget Random Banner Pada Sidebar Blog ini?

Jika kamu merasa kesulitan, silahkan berikan komentar pada kolom dibawah ini.
Semoga bermanfaat.