Cara Memasang Iklan Berganti Saat Refresh

Cara Memasang Iklan Berganti Saat Refresh - Tutorial kali ini berhubungan dengan widget kotak iklan yang biasa sobat pasang dengan kode HTML. Namun pada tutorial ini saya akan memberikan cara memasang kotak iklan dengan metode lain yaitu dengan kode JavaScript yang ringan untuk blogger.



Cara kerja dari kode widget ini mirip dengan script Google Adsense, yaitu banner iklan akan muncul bergantian secara otomatis ke banner lainnya setelah sobat memuat ulang atau merefresh halaman. Dalam kode ini saya menyediakan 3 penempatan banner yang nantinya bisa sobat tambahkan sesuai kebutuhan.

TUTORIAL MEMASANG IKLAN BERGANTI SAAT REFRESH

1.Buka Blogger > Tata letak > Buat widget baru > Kemudian sisipkan kode di bawah ini

JS<script type="text/javascript">
var trtmbn_id = 3;
var trtmbn_now = new Date()
var detik = trtmbn_now.getSeconds()
var trtmbn_place = detik % trtmbn_id;
trtmbn_place += 1;
if (trtmbn_place == 1) {
  url = "LINK TUJUAN";
  alt = "DESKRIPSI IKLAN";
  title = "JUDUL IKLAN";
  banner = "BANNER IKLAN";
  width = "300";
  height = "250";
}
if (trtmbn_place == 2) {
  url = "LINK TUJUAN";
  alt = "DESKRIPSI IKLAN";
  title = "JUDUL IKLAN";
  banner = "BANNER IKLAN";
  width = "300";
  height = "250";
}
if (trtmbn_place == 3) {
  url = "LINK TUJUAN";
  alt = "DESKRIPSI IKLAN";
  title = "JUDUL IKLAN";
  banner = "BANNER IKLAN";
  width = "300";
  height = "250";
}
document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('title=\"' + title + '\" alt=\"' + alt + '\"></a>');
</script>

Silakan isi dengan keterangan sobat. Untuk menambahkan banner silakan tambahkan kode di bawah ini di dalam kode di atas. Misal saya akan menambahkan kode banner menjadi empat

Ganti kode var trtmbn_id = 3; dengan var trtmbn_id = 4;

JSvar trtmbn_id = 4;

JSif (trtmbn_place == 4) {
  url = "LINK TUJUAN";
  alt = "DESKRIPSI IKLAN";
  title = "JUDUL IKLAN";
  banner = "BANNER IKLAN";
  width = "300";
  height = "250";
}

Untuk mengganti ukuran banner, silakan tentukan width = "300"; dan height = "250"; pada kode di atas sesuai kebutuhan.

Demikian artikel ini semoga bermanfaat.

Author : Tirta Mubien

Share this

SUBSCRIBE TO OUR NEWSLETTER

Related Posts