Memasang Widget Kotak Iklan dengan Fungsi Refresh

10/26/2015
Memasang Widget Kotak Iklan dengan Fungsi Refresh - Selamat malam sobat blogger, kembali Arlina Design berbagi tutorial sebelum pada postingan berikutnya mungkin saya akan berbagi template yaitu Vikka 2 yang sebentar lagi akan saya luncurkan.

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 blog.

Memasang Widget Kotak Iklan dengan Fungsi Refresh

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.

Berikut Tutorial Cara Memasang Widget Kotak Iklan dengan Fungsi Refresh


1. Login ke Blogger > Tata Letak > Buat widget baru > Kemudian tambahkan kode di bawah ini pada widget baru

<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>

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 arldgzn_id = 3; dengan var 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, silakan tentukan width = "300"; dan height = "250"; pada kode di atas sesuai kebutuhan.

2. Simpan widget dan lihat hasilnya.



Cukup mudah bukan? Demikian tutorial tentang Cara Memasang Widget Kotak Iklan dengan Fungsi Refresh pada blog. Semoga bermanfaat dan salam sukses.

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.