Cara Memasang Widget Kotak Iklan Responsive di Blog

Nyampling << N >> Cara Memasang Widget Kotak Iklan Responsive di Blog. Bagi anda yang blognya mempunyai trafik yang tinggi maka lambat laun akan mendapatkan kerjasama dalam hal penempatan sebuah iklan. Dengan berbagai brand besar yang tertarik bekerja sama tentu akan menambah pundi - pundi rupiah anda.

Tidak heran sebuah blog dapat menghasilkan bahkan sampai puluhan bahkan ratusan juta dengan hanya menampilkan iklan suatu produk. Jika sebuah blog dikelolah dengan benar maka bukan tidak mungkin akan menghasilkan. Biasanya akan membuat suatu advertise untuk memasang iklan mereka di blog kita.

Cara Memasang Widget Kotak Iklan Responsive di Blog

Bagi anda yang ingin membuat widget yang berisikan beberapa iklan maka tidak ada salahnya untuk membaca tutorial berikut ini.

 

1.  Cara Memasang 4 Kotak Iklan Berukuran 125x125 di Blog

Langkah 1. Silahkan Login ke Blogger > Tema > Edit HTML  kemudian copy kode css dibawah ini dan pastekan tepat diatas kode ]]></b:skin> atau </style>

/* Kotak Iklan */
.banner,.banner2{margin:0 auto;text-align:center;overflow:hidden}
.banner{margin:20px auto}
.banner .widget,.banner2 .widget{width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden}
.banner img,.banner iframe,.banner2 img,.banner2 iframe{width:100%;display:block;margin:0 auto;text-align:center}
.kotak_iklan{text-align:center}
.kotak_iklan img{border-radius:3px;margin:2.7px}

Langkah 2. Simpan Tema,

Langkah 3. Pada dashboar blogger > Tata Letak > Tambahkan Gadget > HTML/JavaScript kemudian paste kan kode berikut

<div class="kotak_iklan">
<a href="url iklan" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
<a href="url iklan" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
</div>

Langkah 4. Ganti tulisan yang saya tandai sesuai dengan deskripsi dari iklan. Simpan

2. Memasang Widget Kotak Iklan dengan Fungsi Refresh

Cara kerja widget iklan ini adalah menampilkan iklan yang berbeda - beda pada saat anda melakukan refresh blog. Sehingga dalam satu widget maka akan menampilkan beberapa jenis iklan, seperti iklan adsense. Langkah memasangnya bisa disimak dibawah ini:

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

Langkah 2. Silakan isi dengan deskripsi iklan yang akan dipasang. Jika anda akan menambahkan banner iklan maka anda tinggal menambahkan jumlah var arldgzn_id = 3; menjadi arldgzn_id = 4; Kemudian tambahkan kode berikut ini

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

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

Langkah 4. Simpan Widget dan lihat hasilnya

Demikianlah Tutorial Cara Memasang Widget Kotak Iklan Responsive di Blog, semoga dapat membantu dalam menambah penghasilan blog anda.

Script Oleh

https://www.arlinadzgn.com

Bagikan Artikel ini