Senin, 12 September 2016

Cara Membuat Widget Iklan Dengan Fungsi Refresh

Halo Sobat blogger!! kali ini Laros akan berbagi tutorial tentang Cara Membuat Widget Iklan Dengan Fungsi Refresh

Tutorial  berhubungan dengan widget kotak iklan yang biasa sobat pasang dengan HTML. Pada tutorial ini Laros akan memberikan tutorial cara memasang kotak iklan dengan metode Javascript yang ringan untuk blog.


Cara kerja kerja dari script widget ini mirip dengan scrip google adsense. Yaitu banner iklan akan muncul bergantian secara otomatis ke banner lainnya setelah sobat memuat ulang/merefresh halaman. Dalam kode ini Laros menyediakan 3 penempatan banner yang nantinya bisa sobat tambahkan sendiri sesuai kebutuhan.

Berikut tutorial tentang Cara Membuat Widget Iklan Dengan Fungsi Refresh

1. Login ke Blogger > Tata Letak > Buat Widget baru kemudian tambahkan kode ini pada widget baru tersebut.

<script type="text/javascript">
var arldgzn_id = 3;
var arldgzn_now = new Date()
var detik = arldgzn_now.getSeconds()
var arldgzn_place = detik % arldgzn_id;
arldgzn_place += 1;
if (arldgzn_place == 1) {
url = "LINK TUJUAN";
alt = "DESKRIPSI IKLAN";
title = "JUDUL IKLAN";
banner = "BANNER IKLAN";
width = "300";
height = "250";
}
if (arldgzn_place == 2) {
url = "LINK TUJUAN";
alt = "DESKRIPSI IKLAN";
title = "JUDUL IKLAN";
banner = "BANNER IKLAN";
width = "300";
height = "250";
}
if (arldgzn_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>
Silahkan isi dengan keterangan sobat. Untuk menambah banner silahkan tambahkan kode dibawah ini didalam kode diatas.
Misal Laros akan menambahkan kode banner menjadi empat
Ganti Code var arldgzn_id = 3; dengan arldgzn_id = 4;

var arldgzn_id = 4;

if (arldgzn_place == 4) {
url = "LINK TUJUAN";
alt = "DESKRIPSI IKLAN";
title = "JUDUL IKLAN";
banner = "BANNER IKLAN";
width = "300";
height = "250";
}
Untuk mengganti ukuran banner, silahkan tentukan ukuran width = "300"; dan height = "250"; pada kode diatas sesuai kebutuhan.
 
2. Simpan widget dan lihat hasilnya
Cukup mudah bukan? Demikian tutorial tentang Cara Membuat Widget Iklan Dengan Fungsi Refresh pada blog ini. Semoga bermanfaat



Referensi: http://www.arlinadzgn.com/2015/10/memasang.widget.kotak.iklan.dengan.fungsi.refresh.html



EmoticonEmoticon