Source Code Banner Rotator Menggunakan Javascript Paling Simple

Bagi kamu yang ingin membuat sendiri jaringan periklanan mandiri, alias mengiklankan sendiri secara mandiri tanpa join seperti adsense kamu membutuhkan kode banner rotator javascript , Fungsi dari kode ini adalah menampilkan banner yang berbeda setiap kali halaman direfresh.


baca juga

Jika harus memajang semua banner bersamaan maka akan memenuhi halaman blog mu, maka dari itu dibutuhkan script untuk menampilkan banner secara bergantian, berikut ini adalah source code nya, untuk pemakaiannya silahkan anda otak atik sendiri tak perlu saya jelaskan panjang lebar.

//script rotator , simpan saja dengan nama rotator.js







var banner = [


["https://www.instagram.com/toko.barang.impor", "https://i.ibb.co/2K4hj8T/TOKO-BARANG-IMPOR.gif"],


["http://trkur3.com/341533/29698", "https://i.ibb.co/dGD3njN/1.jpg"],



];



function shuffle(a) {


var j, x, i;


for (i = a.length - 1; i > 0; i--) {


j = Math.floor(Math.random() * (i + 1));


x = a[i];


a[i] = a[j];


a[j] = x;


}


return a;


}



shuffle(banner);



document.getElementById('ad-container').innerHTML = '<a href="'+banner[0][0]+'" target="_blank" rel="nofollow"><img src="'+banner[0][1]+'" height="250" width="300" alt="300x250 Banner Ad" /></a>';









//Nah untuk dibawah ini adalah kode html dan div nya












<script src="rotator.js" async></script>


<div id="ad-container" style="width:100%;height:;"></div>




Silahkan jika ingin anda modifikasi sesuai keperluan